Style tylko dla Internet Explorer

code 2620118 1920 Style tylko dla Internet Explorer
Rate this post

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

2 komentarze

  1. Adam

    nie działa ten twój sposób. brak mi sił już do IE

    1. cream.software

      Nawet Microsoft już powoli odstępuje od IE i promuje Edge. Nie ma chyba już sensu zaprzątać sobie głowy MSIE.

Skomentujesz?

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Administratorem Twoich danych osobowych będzie Rafał Płatek, prowadzący działalność gospodarczą pod firmą CREAM.SOFTWARE RAFAŁ PŁATEK, wpisaną do rejestru ewidencji gospodarczej CEiDG pod numerem NIP 681-112-89-55. Szczegóły związane z przetwarzaniem danych osobowych znajdziesz w polityce prywatności.