Porady IT

Zapewne tworząc strony WWW zauważyliście, że IE6 traktuje deklarację padding w stylach CSS inaczej niż IE, który dodaje sobie kilka pikseli “ekstra”. O ile przy formatowaniu tekstu nie ma to większego znaczenia, to podczas tworzenia skomplikowanych obiektów z pociętą grafiką, gdzie każdy piksel ma znaczenie, jest to bardzo istotne.

Jest na szczęście prosty sposób, aby strona wyświetlała się prawidłowo w IE6 i Firefoksie. Wystarczy użyć małej sztuczki podczas deklaracji CSS:

div {
padding:10px 0 0 0 !important; /*moz padding*/
padding:5px 0 0 0; /*IE padding*
}

I sprawa załatwiona. Firefox weźmie pod uwagę definicję odstępu 10px, natomiast IE6 definicję odstępu 5px. A może macie jakieś lepsze pomysły na rozwiązanie tego problemu? Zapraszam do podzielenia się z nami