17.2. Optimalizace pro prohlížeče

Při tvorbě webových stránek je dobré testovat jejich zobrazení v nejpoužívanějších prohlížečích. Těmi v současné době jsou Microsoft Internet Explorer 6.0 (MSIE), Mozilla a Opera. Pro platformu MacIntosh je často využívaný prohlížeč Safari či Microsoft Internet Explorer 5.

ikona
Důležité:

Vyvarujte se důsledně tvorbě webových stránek, fungujících v jednom prohlížeči. Pokud navíc někam na web uvedete otřepanou frázi „Web je optimalizován pro prohlížeč XX a rozlišení YY.“, pak vězte že to mnoho uživatelů odradí a nikdy se již na vaše stránky nevrátí.

Problematika optimalizace pro prohlížeče je poměrně komplexní záležitost - každý prohlížeč se chová při zobrazování CSS trochu jinak a je nutné pochopit jeho specifika a omezení. To vyžaduje určitou praxi. Nejlépe podporuje standardy prohlížeč Mozilla, následován Operou. Bohužel majoritní Internet Explorer 6.0 je na tom nejhůře. Při zpracování CSS např. plně nepodporuje selektory a obsahuje některé další nepříjemné chyby.

Omezení MSIE obejdeme buď vložením specifických stylů, nebo tzv. podtržítkovými hacky, ve webdesignérské komunitě často používanými.

ikona
Příklad 17.1: Ukázka podtržítkového hacku
div {
 min-height: 100px; /* tuto vlastnost MSIE nepodporuje a ignoruje */
 _height: 100px;    /* vlastnost s podtrzitkem MSIE zpracuje,
                       jine prohlizece ji ignoruji */
}

Bohužel se v ještě současnosti na webu vyskytuje určité procento uživatelů s opravdu archaickými prohlížeči, nejčastěji MSIE 5.x, které CSS zpracovávají ještě hůře. I na ně však při tvorbě profesionálních webů musíme myslet.

ikona
Poznámka:

Jak tvořit CSS styly specifické pro různé verze MSIE popisuje zajímavý článek Petra Staníčka Explorerové síto.