Witam,

Mam następujący problem. Wykonałem stronę, ale mam pewien problem z poprawnym wyświetlaniem jej pod IE. Pod Firefox'em wszystko działa jak należy natomiast IE totalnie rozsypuje układ strony.
Proszę Was o jakiekolwiek rady co można z tym poradzić.
Strona znajduje się pod tym adresem: http://matid.a-inter.net/temp/seishi/html/index.html
A style CSS pod tym adresem: http://matid.a-inter.net/temp/seishi/html/seishi.css

Z góry dziękuję za pomoc.

IE inaczej(źle ) interpretuje box model.
Zainteresuj się jednym z hacków, np: http://www.tantek.com/CSS/Examples/boxmodelhack.html

Zgodnie z treścią strony wynika, iż problem jest w niepoprawnym interpretowaniu atrybutów border i padding. Usunełem je z wszystkich krytycznych miejsc lecz strona jak się sypała tak się sypie.
Nie wiem czy to z braku umiejętności czy też z powodu jakiegoś innego czynnika. Jeśli ktoś ma jeszcze jakiś pomysł bądź rozwiązanie dla tego problemu będę wdzięczny jeśli się nim podzieli.

To co udało mi się na szybko zauważyć:
1) tam, gdzie masz bloki o wysokości 2px musisz dodać do styli specjalnie dla MSIE overflow:hidden; -> http://www.nundroo.com/ie_height/
2) dla zgodności z wszyskimi przeglądarkami sugerowałbym dodanie do definicji styli dla body: margin: 0 oraz padding: 0 -> http://www.opera.com/docs/specs/#css
3) min-height nie jest obsługiwane przez MSIE.

Proponowałbym również nakazać IE przejść na tryb strandardu XHTML. Nie wiem jak to jest z Transitional, ale przy strict nalezy usunąć pierwszą linijkę - na pierwszym miejscu musi byc tylko i wyłącznie DOCTYPE.

Dzięki za podpowiedzi. Poradziłem sobie już trochę wcześniej, zapomniałem napisać na forum Napisałem cały kod od nowa starając się zwracać uwagę, czy niektórych aspektów nie da się rozwiązać w jakiś prostszy sposób. Na szczęście się udało