[css] w ie obramowanie jest wewnętrzne, a w Operze zewnętrzne Opcje

[poxrimex]

Mam problem następujący:

w IE moje obramowanie ustawione na 10px; jest wewnątrz diva
a w Operze za zewnątrz diva

[mike]

Ja znam (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) OK dostaniesz wykład. Od czasu do czasu moderatorzy też mówią ludzkim głosem.

Przede wszystkim musisz wiedzieć co to jest BoxModel. Jest to definicja jak liczymy odległości dla obiektów na stronie. Czyli gdzie jest margin, padding, etc.
Musisz też wiedzieć, że są dwa rodzaje BoxModelu. Tradycyjny (nie będący żadnym standardem) oraz zaproponowany przez W3C. Jak łatwo się domyślić oba są różne, stąd różne wyniki w przeglądarkach i badzIEwiu.

IE interpretuje strony w złym modelu w zależności od tego w jakim trybie działa. Czy w trybie standardowym (działa zgodnie z oficjalnym BoxModelem) czy w trybie QuirksMode (wtedy źle interpretuje BoxModel).

Jak wprowadzić IE w dobry tryb? Trzeba zaopatrzyć stronę w odpowiednie nagłówki.
Box model tweaking (na dole tabela, kidy IE działa w jakim trybie)
Tryb dziwactw — Quirks Mode (podobna tabela po polsku)

Wniosek. Da się zrobić stronę, która będzie identycznie ostylowując ją tylko raz. Ale nie zrobimy wtedy strony w XHTML Strict (na tryb Standard da się IE przerzucić tylko dla stron Transitional).

Jeżeli chcesz zrobić stronę w Strict to masz dwa wyjścia.
1. Gorsze - posłużyć się hackami: BoxModelHack
2. Lepsze - posłużyć się alternatywnymi stylami dla IE. Czyli za pomocą Conditional comments wczytać dwa zestawy stylów dla stron.