DIV -> IE -> Czyli nic nowego - prośba o pomoc, jak sprawić aby "wszędzie" wyglądało identycznie... Opcje

[MEAT]

http://web4brand.eu/temp/ to strona którą obecnie testuję. Zaczynam zabawę z DIV'ami i mam pewien problem z wyświetlaniem mojej strony w IE. Z racji tego że sam nie mam IE to testuję wszystko przez browsershota. Oto wyniki zrzutów ekranu:

Firefox 3.0
(IMG:http://web4brand.eu/temp/ff3.0.png)

Opera 9.5(na Ubuntu)
(IMG:http://web4brand.eu/temp/opera9.5.png)

Safari 3.0
(IMG:http://web4brand.eu/temp/safari3.0.png)

IE 7.0
(IMG:http://web4brand.eu/temp/ie7.0.png)

Czy ktoś może mi pomóć w rozwiązaniu tego problemu, by wszędzię w tych 4 przeglądarkach było niemalże identycznie? Strona bezbłędnie przechodzi walidację HTML i CSS...

[grzesiek_g]

Ogólnie to chciałeś ustawić to obok siebie, ale źle policzyłeś wymiary elementów, wymiary wewnętrznych elementów powinny być równe/mniejsze od wymiaru zewnętrznego elementu. Aby trochę to zagmatwać na wymiar składa się width, padding, margin. Poczytaj o box model.

Poza tym chciałeś za pomocą margin:0 auto; centrować element który miał szerokość równą 100%, tak się nie da. Do tego szerokość musi być mniejsza od rozmiarów okna, nie możesz wycentrować czegoś co jest i tak rozciągnięte na całej długości.

Jak masz kontener który ma powiedzmy 300px i wewnątrz niego też coś co ma 300px to pisz nie width:300px tylko: width:100%. Ułatwi to późniejszą edycję, zmienisz wartość w jedny miejscu.

Co do błędów to nie wiem jakie były, ale pisane to było z palca, więc mogłem się pomylić (możliwe, że w wymiarach).