[xhtml, css] option rozwala układ

[xhtml, css] option rozwala układ

potreb Zobacz profil	4.01.2008, 14:13:19 Post #1
Grupa: Zarejestrowani Postów: 1 568 Pomógł: 192 Dołączył: 7.03.2005 Skąd: Warszawa Ostrzeżenie: (0%)	Hi, zrobiłem pierwszy moj szablon w xhtml: [HTML] pobierz, plaintext <!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" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>instalacja</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> body { padding: 0; margin: 0; overflow: auto; } div { font: 13px "trebuchet ms", helvetica, sans-serif; color: #585858; } a { text-decoration: none; color: #000; font: 12px tahoma, verdana, arial, sans-serif; } a:hover { text-decoration: underline; color: #575757; font: 12px tahoma, verdana, arial, sans-serif; } img {vertical-align: middle; border: 0px; } h1,h2,h3,h4,h5,h6 { font-weight: normal; letter-spacing: -1px; text-transform: lowercase; padding: 0; margin: 0; } h3,h4,h5,h6 { color: #184366; } #page { width: 980px; border: 0px solid #000; display: table; margin: 0 auto; } #header { border-left: 1px solid #000; border-right: 1px solid #000; display: block; width: 230px; overflow: hidden; float: left; margin-left: 10px; padding: 10px; } #header2 { border-right: 1px solid #000; display: block; width: 230px; overflow: hidden; float: left; margin-left: 10px; padding: 10px; } #header3 { border-left: 1px solid #000; display: block; width: 434px; overflow: hidden; float: left; padding: 10px; } .form_div1 { width: 100px; float: left; } .form_div2 { } </style> </head> <body> <div id="page"> <div id="header3"> <form method="post" action="index.php?id=step1"> <div class="form_div1">Host</div><div class="form_div2"><input type="text" value="localhost" name="host" maxlength="50" style="width: 220px;" /></div> <div class="form_div1">Baza</div><div class="form_div2"><input type="text" name="database" maxlength="50" style="width: 220px;" /></div> <div class="form_div1">Utwórz baze</div><div class="form_div2"><input type="checkbox" name="db_create" /></div> <div class="form_div1">Użytkownik</div><div class="form_div2"><input type="text" name="user_db" maxlength="50" style="width: 220px;" /></div> <div class="form_div1">Hasło</div><div class="form_div2"><input type="password" name="pass_db" maxlength="50" style="width: 220px;" /></div> <div class="form_div1">Prefix</div><div class="form_div2"><input type="text" name="prefix" value="getCMS_" maxlength="50" style="width: 220px;" /></div> <div class="form_div1">Język</div><div class="form_div2"><select name="lang"><option selected>pl</option></select></div> <div class="form_div1"> </div><div class="form_div2"><input type="submit" value="» next step" class="submit" name="save" /></div> </form> </div> <div id="header"> ln_inst_step1</div> <div id="header2"> <span style="color: red">etap 1 - połączenie z bazą</span><br /><br />etap 2 - zapisanie ustawień i nawiązanie połączenia z bazą<br /><br />etap 3 - wgranie tabel do bazy mysql<br /><br />etap 4 - utworzenie konta administratora<br /><br />etap 5 - zakończenie instalacji<br /><br /></div> </div> </body> </html> [HTML] pobierz, plaintext Jeżeli wyrzucę <option> to układ wraca do poprzedniego stanu, nie wiem dlaczego sie tak dzieje? Prosze też o ocenę tego szablonu, bo nie wiem czy dobrze go stworzyłem. Już sobie poradziłem trzeba było wywalić display: table z #page Ten post edytował potreb 4.01.2008, 15:37:01 --------------------