My Opera[Techniczny] CSS a Internet Explorer 6.0
Wednesday, November 22, 2006 11:00:00 PM
Składając ostatnio stronę w CSS natknąłem się na spory problem.
Tradycyjnie, strona rozjeżdżała się pod Internet Explorerem 6.0
Dochodziło do przesunięcia się elementu który w zasadzie nie miał prawa się przesuwać
Layout oparty na CSS ma dużo zalet, ale ma też wady. Jedną z nich jest testowanie pod różnymi przeglądarkami. Ciężko jest czasem zmienić coś tak aby pod jedną konkretną przeglądarką wyglądało coś inaczej, a przy pozostałych pozostało tak jak było.
Próbowałem obejść to przez dłuższy czas, ale bezskutecznie. W końcu zacząłem szukać nie rozwiązania problemu, ale jego źródła.
W końcu, po kilku minutach googlowania znalazłem informację bardzo cenną (uwaga, bardzo technicze):
Udało mi się też znaleźć rozwiązanie tego problemu, wystarczy zmienić własność display diva na inline:
Przetestowałem, Internet Explorer 7.0 nie robi już z tym problemów.
Tradycyjnie, strona rozjeżdżała się pod Internet Explorerem 6.0
Dochodziło do przesunięcia się elementu który w zasadzie nie miał prawa się przesuwać
Layout oparty na CSS ma dużo zalet, ale ma też wady. Jedną z nich jest testowanie pod różnymi przeglądarkami. Ciężko jest czasem zmienić coś tak aby pod jedną konkretną przeglądarką wyglądało coś inaczej, a przy pozostałych pozostało tak jak było.
Próbowałem obejść to przez dłuższy czas, ale bezskutecznie. W końcu zacząłem szukać nie rozwiązania problemu, ale jego źródła.
W końcu, po kilku minutach googlowania znalazłem informację bardzo cenną (uwaga, bardzo technicze):
Internet Explorer 6 często podwaja marginesy float'owanych div'ów.
Udało mi się też znaleźć rozwiązanie tego problemu, wystarczy zmienić własność display diva na inline:
display: inline;
Przetestowałem, Internet Explorer 7.0 nie robi już z tym problemów.
