Jan Brašna | HereBeDragons™

Síla podmíněných komentářů

To, jak lze efektivně využít podmíněných komentářů v IE k připojení alternativního stylopisu, kterým můžeme opravit chybnou interpretaci CSS tohoto prohlížeče, snad netřeba moc vysvětlovat.

Pro ty, co neznají – článek Pavla Růžičky na Interval.cz vysvětluje, jak vnutit (X)HTML kód pouze IE, a to např. jen konkrétním verzím. Lze toho využít k připojení stylopisu plného různých obezliček, které alespoň trochu přiblíží výsledek Explorerovy snahy o parodii na CSS pozicování reálu.

Celé se to hodí k tomu, že tento stylopis, který bývá plný různých lehce neplatných až silně proprietárních a někdy i „hardcore“ vlastností, vlastně není formálně k dokumentu připojen (z pohledu nonIE světa). Proto už různé vlastnosti typu cursor: hand či některé behaviory, filtery popř. expressions neznečišťují nadále naše regulérní CSS. Také odpadá potřeba různých hvězdičkových filtrů (* html foo) nebo nedejbože podtržítkového hacku (_vlastnost: hodnota).

V hlavičkách této stránky se můžete všimnout konstrukce

<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/css/styl-exp.css" media="screen,projection" /><![endif]-->

Je tedy určena pouze pro Explorery ve verzi nižší nebo rovné 6.0. Proč to?

Bůh (a Bill Gates) ví, jak se bude chovat IE7. Předpokládám, že u webů, které nejsou v quirku, bude Nový Modrý používat správný rendering CSS, takže mu tento stylopis s očůráním IE6 a nižších nechci posílat a budu doufat, že mu pro správné zobrazení bude stačit regulérní stylopis používaný všemi ostatními prohlížeči. Čas ukáže…

Proč ale všechno tohle povídání, které je notoricky známé – přilinkovávání separátních stylopisů pro IE se dá použít i jinak, než jen pro nápravu chyb renderingu – řekněme trochu recesisticko-sugestivně… Někteří totiž už možná postřehli poslední redesign Malarkeyho – schválně se podívejte v Safari/Gecko­/Opeře/Konqero­ru (tedy ve vašem oblíbeném moderním browseru) a pak se podívejte v IE… ;) Tohle řešení vyvolalo úsměv na mé tváři, je to bezvadný nápad…

Sobota, 28. 5. 2005 0.58 | Trvalý odkaz | Trackback

5 komentářů

  1. [1] tomas.kimi

    :-) pekny priklad :-) obavam se ze az to nekdo udela svemu klientovi, tak s nim vybehne ;-)

    29. 5. 2005 7.29

  2. [2] Vilém Málek

    Tak tohle se mi opravdu líbí. Konečně to není o technických prostředcích, ale o jejich kreativním využití – a mimořádně zdařilém. Skoro mám chuť si něco podobného zkusit ;–)

    30. 5. 2005 7.53

  3. [3] Nai Dzet Quiv

    http://stuffan­dnonsense.co.uk/ je v I.E. super!! ;-)

    30. 5. 2005 16.32

  4. [4] tprecek

    zdravim, celkem by me zajimalo jak to tenhle typek udelal…ja to porad nechapu

    29. 1. 2006 18.55

  5. [5] Tondys

    Mno je na techto strankach videt, ze mu to zas az tak nevyslo, kazdopadne koncepce dobra, to ano :-)

    2. 2. 2006 9.08

RSS komentářů

Vaše postřehy

FinePrint™: Pokud máš chuť plkat mimo téma spotu nebo se tady navážet do ostatních, máš šanci, že komentář půjde do křemíkového pekla. Účelové nebo anonymní příspěvky budu dle rozmaru a bez vysvětlování likvidovat. Podepiš se; pokud se k napsanému nehlásíš, ani to neodesílej. Diskusi mám rád, ne už tak flame a blbce. Mysli na to při psaní.