Jak wyśrodkować stronę przy div-ach?

Jak wyśrodkować stronę przy div-ach?

MartioL Zobacz profil	2.02.2005, 20:31:27 Post #1
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 2.02.2005 Ostrzeżenie: (0%)	Znam się trochę na programowaniu i właśnie chciałbym przejśc z tabel html <table> na divy <div>. przeczytałem wiele kursów i porad. Wiem, że należy podać margin: 0 auto, aby wyśrodkować stronę WWW. Jednak mi to nie działa. Bardzo proszę o pomoc!!! Co zrobiłem źle? [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <title>Strona testowa</title> <style type="text/css"> <!-- body {font-family: Verdana; font-size: 12px; color: #000000; background: #F4F4F4; margin: 0 auto} #strona {width: 780px; background: #F4F4F4; margin: 0 auto} #naglowek1 {height: 80px; border: solid #1676A9; border-width: 1px 1px 0px 1px; background: #ECF7FD} #naglowek2 {height: 26px; border: solid #1676A9; border-width: 0px 1px 1px 1px; background: #ECF7FD; padding: 2px} #kolumna_lewa1 {width: 500px; height: 16px; border: solid #1676A9 1px; border-bottom-width: 0px; background: #30A6E4; margin-top: 2px; float: left;} #kolumna_lewa2 {width: 500px; border: solid #1676A9 1px; padding: 5px; background: #ECF7FD; float: left;} #kolumna_prawa1 {width: 278px; height: 16px; border: solid #BB8404 1px; border-bottom-width: 0px; background: #FAB71B; margin-top: 2px; float: right} #kolumna_prawa2 {width: 278px; border: solid #BB8404 1px; padding: 5px; background: #FFF9EA; float: right} #stopka {height: 10px; border: solid #1676A9 1px; background: #30A6E4; margin-top: 2px; padding: 2px; clear: both} --> </style> <script language="javascript" type="text/javascript"> <!-- function blokuj(f) { if (f.wyslane) return false; f.wyslane=true; return true; } // --> </script> </head> <body> <div id="strona"> <div id="naglowek1"></div> <div id="naglowek2"><p align=right>nagłówek</p></div> <div id="kolumna_lewa1"></div> <div id="kolumna_prawa1"></div> <div id="kolumna_lewa2"></div> <div id="kolumna_prawa2"></div> <div id="kolumna_lewa1"></div> <div id="kolumna_prawa1"></div> <div id="kolumna_lewa2"></div> <div id="kolumna_prawa2"></div> <div id="stopka"></div> </body> </html> [HTML] pobierz, plaintext --- nie lubie balaganu :-) poprawilem [html] hwao