[html&css]Jedna kolumna wchodzi na 2

[html&css]Jedna kolumna wchodzi na 2

Squealer Zobacz profil	14.09.2007, 19:02:40 Post #1
Grupa: Zarejestrowani Postów: 44 Pomógł: 0 Dołączył: 21.07.2007 Skąd: Kozmin Ostrzeżenie: (0%)	Witam mam problem oturz: http://img502.imageshack.us/img502/5306/lolri9.jpg taki efekt dostaje :\| ale na szerszym moniotrze jest wszytko ok kulmna z squealerunio jest na srodku jednak na moim mnieszym moniotrze jak widac wchodzi 1 na 2 ale jest przeciez miejsce i sie powino wmiecic pomiedzy.... index Kod <html> <head> <link rel="Stylesheet" type="text/css" href="lol.css"> </head> <body style="background: black;"> <br> <div style="background: url(pas.gif); background-repeat: repeat-x;"> <br/><br/> <div id="l"> <div style="background: url(1.gif); background-repeat: no-repeat; height: 130px;"> <br/> <div style="margin-left: 20px;background: url(pasek_m.gif); background-repeat: no-repeat; height: 30px; "> <div style="margin-left: 50px;color: #c6c6c6;"><b>SETTINGS</b> </div> </div> <br> <div id="site"> <div id="menu"> <p class="menuitem"><a href="index.html">Home </a></p> <p class="menuitem"><a href="#">Linux </a></p> <p class="menuitem"><a href="#">Kontakt </a></p> <p class="menuitem"><a href="#">Download </a></p> <p class="menuitem"><a href="#">Portfolio </a></p> </div> </div></div> <div style="background: url(2.gif); background-repeat: repeat-y; height: 220px;"> </div> <div style="background: url(3.gif); background-repeat: no-repeat; height: 130px;"> </div></div> <div id="p"> <div style="background: url(1.gif); background-repeat: no-repeat; height: 130px;"> <br/> <div style="margin-left: 20px;background: url(pasek_m.gif); background-repeat: no-repeat; height: 130px;"> <div style="margin-left: 50px;color: #c6c6c6;"><b>LOGIN MANGER</b> </div> <br><br> <form action="loguj.php" method="POST"> <span style="color: #3370a4;"><b>User</b> </span> <input class="logform" type="text" name="user" size="15"> <br> <span style="color: #3370a4; "><b> Pass</span> <input class="logform" type="password" name="pass" size="15"> <br> <div style="margin-left: 50px;margin-top: 5px;"><input type="image" src="przyc_za.gif"></div> </form> <h5 style="color: gray;margin-top: 10px; "> Witaj, tutaj mozesz sie zalogowac jezeli posiadasz jeszcze konta <a href="asd.php" style="text-decoration: none;color: #143e9e;"><u>zarejestruj sie</u></a> </h5> </div> </div> <div style="background: url(2.gif); background-repeat: repeat-y; height:80px;"> </div> <div style="background: url(3.gif); background-repeat: no-repeat; height: 30px;"> </div></div> <div id="s"> <div style="background: url(1d.gif); background-repeat: no-repeat; "> <br/> <div style="margin-left: 20px;background: url(pasek_m.gif); background-repeat: no-repeat; height: 130px;"> <div style="margin-left: 50px;color: #c6c6c6;"><b> SQUEALERUNIO</b> </div> <br><br> <form action="loguj.php" method="POST"> <span style="color: orange;">SQUEALERUNIO</span> </div> </div> <div style="background: url(2d.gif); background-repeat: repeat-y; height:100px;"> </div> <div style="background: url(3d.gif); background-repeat: no-repeat; height: 30px;"> </div></div> </body> </html> i plik.css Kod #p { width: 220px; height: 10px; float: right; margin-right: 10px; } #l { width: 390px; height: 300px; float: left; margin-left: 10px; } #s { float: left; margin: 0 auto; z-index: 5; width: 500px; height: 100px; } * { padding: 0; margin: auto; } .menuitem { width: 156px; margin-top: 0px; margin-bottom: 0px; } .menuitem a{ margin-top: 6px; padding: 6px 5px 0px 40px; background: url(przyc_od.gif) no-repeat; display: block; color: #787776; text-decoration: none; font-weight: bold; font-size: 15px; list-style: none; text-align: left; height: 35px; } .menuitem a:hover{ background: url(przyc_od.gif) no-repeat; color: #eb6003; list-style: none; } #site { float: left; width: 100%; margin-top: 39px; margin-left: 15px; top: 39px; } #menu { width: 216px; margin-top: -40px; height: 430px; text-align: left; float: left; z-index: 51; } .logform { background:url(logform.gif) no-repeat; width: 100px; height: 25px; border: 0px; padding:3px 0 0 6px; } HELP! :shock: