V diskuzním fóru na stránkách Realmac Software se velmi často (a stále častěji) objevují zmínky o problémech s chybným zobrazením stránek v prohlížeči Internet Explorer. Jeho uživatelé si mnohdy neuvědomují, že tento prohlížeč je poněkud zastaralý a nepodporuje moderní standardy používané pro tvorbu stránek. Jeden ze způsobů, jak lze na tento fakt poukázat, je přidat do horní části stránek lištu, která se zobrazí pouze v Internet Exploreru.



Ve fóru se objevilo několik řešení této lišty, avšak všechna byla závislá na typu tématu. Zkompiloval jsem variantu, kterou můžete přidat do libovolného tématu.

Do paletky Page Inspector / Header / Header vložte následující kód:

<!--[if IE]>
<div id="ie-warning">

<p>Používáte Internet Explorer. Pro zcela bezchybné zobrazení a funkci stránek raději použijte moderní prohlížeč <a href="http://www.getfirefox.com" target="_blank">Firefox</a>.</p>

</div>
<![endif]-->

Do paletky Page Inspector / Header / CSS vložte tento kód:

#ie-warning {
background-color: #242424;
text-align: center;
margin: 0;
padding: 7px 30px 7px 30px;
}

#ie-warning p {
margin: 0;
font: 12px/1 Arial;
color: white;
}

#ie-warning p a {
color: #FF0000;
text-decoration: none;
}

#ie-warning p a:hover {
color: #FF0000;
text-decoration: underline;
}

Kéž by se o většině webových stránek dalo říci to samé, co o této liště: “funguje skvěle v Internet Exploreru!”.

Inspirace: www.exscale.se, www.elixirgraphics.com

tag: HTML, CSS