Chyby IE v CSS: Matrjoška hack

2.12. 2005 Vebloud CSS

O tom, že Internet Explorer má své "mouchy" v implementaci CSS už se toho napsalo spousta a chybný box model je asi nejznám?jší, ale stejn? se ob?as najde n?kdo koho p?kn? potrápí, takže se podíváme na jeho ?ešení pomocí Matrjo

Podstat problému tkví v tom, že Internet Explorer implementuje box model (model zobrazování blokových element?) podle mého názoru sice logi?t?ji, ale jinak než je v norm? W3C, která má taky logiku, a tudíž je nekompatibilní s normálními prohlíže?i , ?ímž Microsoft ztrp?uje život nejednomu webdesignerovi (kdyby jen tím). Normální boxmodel bere za ší?ku/výšku velikost obsahu, IE považuje za ší?ku/výšku velikost obsahu + padding. Rozdíly asi nejlépe ilustrují p?iložené obrázky.

?ešením je použít dva boxy (v?tšinou <div>) kdy jeden má definované vlastnosti width/height a druhý, který má definován margin, padding, border, prost? co je t?eba. Nejlepší op?t bude znázorn?ní na obrázku. P?ípadn? použít jeden z univerzálních IE hack?.