Připravte se na Internet Explorer 7

Microsoft do sedmé verze svého prohlížeče webových stránek Internet Explorer zapracoval podporu nových vlastností a opravil řadu zobrazovacích chyb. Některé změny, zvláště ve standardním režimu prohlížeče, jsou poměrně zásadní a mohou způsobit, že se webové stránky nebudou v novém Internet Exploreru zobrazovat správně – chcete-li vědět, zda můžete čekat potíže i na vašich stránkách, přečtěte si o potenciálních problémech.

Hacky

MP3 podcast Poslechněte si podcast (mluvená verze článku)
MP3, 3,8 MB, 4 min 12 sec

Předchozí verze Internet Exploreru obsahují řadu zobrazovacích chyb. K jejich napravení se často používají odlišně nastavené hodnoty některých CSS vlastností, zapsané v kaskádových stylech tak, aby je interpretoval pouze Internet Explorer, např. pomocí různých hacků. Sedmá verze Internet Exploreru ale řadu těchto hacků již nepodporuje – mezi nejznámější patří podtržítkový (např.:__height: 100px), hvězdičkový (* html {height: 100px;}). Funkční zůstávají tzv. podmíněné komentáře, které je možné použít nejen k odlišení Internet Exploreru od ostatních prohlížečů, ale i k odlišení jednotlivých verzí Exploreru.

Pokročilé CSS selektory

Internet Explorer do verze 6 nerozuměl většině pokročilých CSS selektorů, např. selektoru přímého potomka (p > strong), selektoru sourozenců (h2 + p) nebo selektoru atributů (input[type=“text“]). Tyto pokročilé selektory jsou někdy využívány pro nastavení CSS vlastností pouze pro některé prohlížeče. Nyní je nově podporuje i Internet Explorer 7 a při jejich použití je třeba s tím počítat.

Nově podporované CSS vlastnosti

Mezi nově podporované vlastnosti se řadí nastavení minimálních a maximálních rozměrů (min-height, max-height, min-width, max-width), podpora pseudotřídy :hover i na jiných elementech, než je odkaz, podpora position: fixed a další. U některých dříve podporovaných CSS vlastností bylo opraveno chování prohlížeče – např. u předchozích verzí Exploreru byla vlastnost height chybně interpretována jako min-height.

Standard a quirks režim

Internet Explorer do verze 5.5 měl chybně implementován box model – do šířky prvku počítal i jeho padding a border. Šestá verze ve standardním režimu již rozměry určuje správně, v quirks režimu si zachovává chybný box model. Stejně se chová i Internet Explorer 7 – liší se však v rozhodování, na které stránky aplikuje standardní režim. IE 6 obsahuje nepříjemnou chybu: pokud je na začátku zdrojového kódu stránky XML hlavička (např. <?xml version="1.0" encoding="windows-1250"?>), přepne vždy do quirks módu. IE 7 tuto chybu již nemá – stránky, které byly odladěny v quirks režimu IE 6, tak může zobrazovat v režimu standardním, tedy s odlišným box modelem.

Závěr

Uživatelům operačního systému Windows XP SP2 bude Internet Explorer 7 nabídnut jako automatická aktualizace s vysokou prioritou, proto lze čekat jeho rychlé rozšíření. Posun od šesté verze je velmi významný a zobrazení webových stránek v nové verzi je vhodné zkontrolovat. Je možné využít i služby, které vám poskytnou screenshot webu v IE 7 – např. Browsershots nebo Browsercam. Podrobněji se novému Internet Exploreru věnujeme též na našem Kurzu tvorby webu pomocí XHTML a CSS.

Související odkazy


Vladimír Saur, 30. listopadu 2006 11:36


Vytisknout stránku


Kontakt |  O webu H1.cz  |  RSS  |  Mapa webu

Copyright © H1.cz s.r.o., člen skupiny Ataxo