Literatura

[Leja]

zerknij też na te hacki

Triki CSS

Ze względu, iż nie wszystkie przeglądarki równie dobrze interpretują standardy, opracowane przez organizacje W3C, należy poznać parę trików, które pomogą nam uzyskać ten sam efekt wizualny strony internetowej w popularnych przeglądarkach.

Największą niekompatybilnością i ignorowaniem standardów cechuje się Internet Explorer (w trybie quirks-mode) i to głównie z myślą o tej przeglądarce stosuje się tak zwane hack'i.
Hack 1

width: 200px; /* IE */
min-width: 250px;

Powyższy hack stosuje się, gdy szerokość bloku dla IE ma być mniejsza niż dla przeglądarek, które poprawnie obsługują style CSS.
Hack 2

width: 200px !important;
width: 250px; /* IE */

Ten hack umożliwia ustawienie dla IE większej szerokości bloku niż dla przeglądarek, które poprawnie obsługują style CSS.
Hack 3

height: auto !important;
height: 300px; /* IE */
min-height: 300px;

Taka konstrukcja zapewnia elementowi minimalną wysokość oraz automatyczną zmianę wysokości gdy danych wewnątrz bloku jest więcej.
Hack 4

float: left;
width: 200px;
display: inline;

Nadanie atrybutu float czyniącego element "pływającym" powinno być powiązane z podaniem szerokości bloku oraz ze sposobem jego wyświetlania. Ustawienie display: inline zamiast display: block zapewnia, że margin-left lub margin-right będzie poprawnie interpretowane przez IE.

Pozdro..