[HTML][CSS] Problem z wyświetlaniem pod IE

[HTML][CSS] Problem z wyświetlaniem pod IE

Matado Zobacz profil	21.02.2009, 21:09:22 Post #1
Grupa: Zarejestrowani Postów: 67 Pomógł: 0 Dołączył: 9.12.2008 Ostrzeżenie: (0%)	Mam problem z wyświetlaniem pod IE. Pod FF i Opera wszystko jest ok. Pod IE 6 div "news" opada w dół tam gdzie kończą się divy "leftmenu" i "rightmenu". Kod jest poprawny wg. standardów XHTML 1.0 Strict, a jednak wszystko się wali jak zawsze pod IE... Co tu jest źle. Mam jeszcze jedno pytanie. Jak zaprojektować szablon który jak zmienię rozdzielczość to i tak poziome paski nie będą się pojawiać, np. taki jak ma w3.org albo kurshtml.boo.pl? Zdjęcie pod IE jak ten błąd wygląda: http://img37.picoodle.com/img/img37/3/2/21...emm_da35d06.jpg Kod <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us"> <head> <link rel="Stylesheet" type="text/css" href="style.css" /> <title>Title</title> </head> <body> <div id="wrapper"> <div id="logo"> <span>Logo</span> </div> <div id="mainmenu"> <span>Horizontal menu</span> <ul class="horizontalmenu"> <li><a href="#" id="home"></a></li> <li><a href="#" id="register"></a></li> <li><a href="#" id="forum"></a></li> <li><a href="#" id="info"></a></li> <li><a href="#" id="contact"></a></li> </ul> </div> <div id="leftmenu"> <span>Left menu</span> </div> <div id="rightmenu"> <span>Right menu</span> </div> <div id="news"> <span>News</span> <div id="subnews"> <span>Subnews</span> </div> </div> <div id="footer"> <span>Footer</span> </div> </div> </body> </html> Kod html, body { background-color: white; margin: 0; padding: 0; } #wrapper { width: 1024px; margin: 0 auto; } #logo { border: solid 1px black; height: 122px; } #mainmenu { } #leftmenu { float: left; width: 179px; border: solid 1px black; height: 469px; } #rightmenu { float: right; width: 179px; border: solid 1px black; height: 469px; } #news { margin-left: 179px; margin-right: 179px; height: 469px; width: 666px; border: solid 1px black; } #subnews { border: solid 1px yellow; margin: 72px 143px 49px 140px; height: 320px; } #footer { clear: both; border: solid 1px black; height: 40px; } ul.horizontalmenu , ul.horizontalemu ul li { display: block; list-style: none; margin: 0; } ul.horizontalmenu li { display: inline; white-space: nowrap; }