[css] zawijający IE - Forum PHP.pl

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

[css] zawijający IE, menu na ul/li w FF w jednej linii a w IE sie zawija :/

frogzz Zobacz profil	9.02.2007, 11:08:51 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 9.02.2007 Ostrzeżenie: (0%)	Witam Zrobilem pionowe menu na ul/li ze stala pozycja na stronie i o ile w FF o Operze jest ladnie tyle w IE nie zachowuje linii tylko wyswietla jedno pod drugim (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) zalezy mi na mozliwosci ustalenia szerokosci pojedynczych li dlatego uzylem display: table-cell. Jestem poczatkujacy w css wiec prosze wybaczyc jezeli mam jakies glupie bledy ;] Jakby ktos chcial to ju jest roboczy adres strony: pasqdka.myphotos.cc CSS: Kod html { height: 100%; } body { height: 100%; margin: 0; padding: 0; background-color: #FFFFFF; color:#000000; } div.srodek { clear: both; height: 100%; } #naglowek { min-width: 951px; text-align: center; margin: 0; border: none; padding: 0px; } #naglowek img.lewy{ float: left; } #naglowek img.prawy{ float: right; } table.naglowekT { width: 100%; margin: 0; border: none; border-collapse: collapse; border-spacing : 0em; } table.naglowekT tr td{ border: none; padding: 0; } h1 { width: 200px; height: 222px; } ul#menu { clear: both; position: absolute; right: 10px; top: 120px; width: 700px; height: 20px; font-weight: normal; font-family: arial; } ul#menu li{ display: table-cell; text-align: center; width: 140px; } ul#menu li a:link, a:active, a:visited{ color: #566785; text-decoration: none; } ul#menu li a:hover{ font-weight: bold; } ul#menu2 { clear: both; position: absolute; right: 10px; top: 90px; width: 870px; height: 20px; font-weight: normal; font-family: arial; } ul#menu2 li{ display: table-cell; text-align: center; width: 145px; } ul#menu2 li a:link, a:active, a:visited{ color: #566785; text-decoration: none; } ul#menu2 li a:hover{ font-weight: bold; } #flashcontent { clear:both; height: 100%; width: 100%; color: #000000; } #galeriaFlash { clear:both; height: 90%; width: 89%; margin: 0 auto; } .wybrany { font-weight: bold; } HTML: [HTML] pobierz, plaintext <body> <div id="naglowek"> <table class="naglowekT"> <tr> <td> <img src="/g/Naglowek1.jpg" class="lewy"/> </td> <td> <img src="/g/Naglowek2.jpg" class="prawy"/> </td> </tr> </table> </div> <ul id="menu2"> <li> <a href="/fotografia/1.html">AUTOPORTRET</a> </li> <li> <a href="/fotografia/2.html">PORTRET</a> </li> <li> <a href="/fotografia/3.html">PRZYRODA</a> </li> <li> <a href="/fotografia/4.html">MARTWA NATURA</a> </li> <li> <a href="/fotografia/5.html">REPORTAZ</a> </li> <li> <a href="/fotografia/6.html">INNE</a> </li> </ul> <ul id="menu"> <li> <a href="/">HOME</a> </li> <li> <a href="/kontakt/">KONTAKT</a> </li> <li> <a href="/fotografia/" class="wybrany">FOTOGRAFIA</a> </li> </ul> <div class="srodek"></div> </body> [HTML] pobierz, plaintext Ten post edytował frogzz 13.02.2007, 11:41:05