Autor: DEXTER

Internet Explorer przez swą „oryginalność” w interpretowaniu CSS może podnieść ciśnienie webmastera, doprowadzając często do decyzji o zastosowaniu osobnego arkusza styli. W tym artykule opiszę jak tego sprytnie uniknąć.

Informacje

1. Testowane osobiście na: IE 5+; Gecko (NN6+); Opera 7+.
2. Testowane dodatkowo przez innych na: Mac OSX’s MSIE 5; Safari; Camino.
Sposób zgodny ze standardem CSS 2.1! Czyli validatory tego języka nie zwrócą błędu.

„Underscore Hack” – tak nazywa się ta technika. Polega ona na dodaniu „podkreślenia”, czyli ‘_’ przed stylem. Przeglądarki IE poprawnie interpretują takie style, za to wszystkie inne je ignorują.

<div style="border: 1px solid black; width: 200px;  height: 200px; 
_height: 400px;"></div> 

Przy czym należy pamiętać, że oczywiście IE zinterpretuje nam: „height: 200px;”, ale najważniejszy jest ostatni styl, dlatego „_height: 400px;” musi być później by to właśnie z niego skorzystał IE.

Inny przykład:

<div style="border: 1px solid black; width: 200px; _visibility: 
hidden;">Pozdrawiam użytkownika normalnej przeglądarki :-)</div> 

Życzę powodzenia w walce z IE

Daniel Krysiak

Pajączek.pl - twórz poprawiaj publikuj