[html]Jak przystosować stronę do różnych roździelczości? Opcje

[robert-0627]

Witam własnie zauważyłęm na strone któa nie dawno zaczełem robić ,że gdy wysąłem koledze linka żeby się pochwalić on mi powiedział że jedena tabellak jest nad drógą itp.Zmieniłem roździelczość na taką jaką on ma i miał racje.Jak mam zrobić żeby ta strona na każdej roździelczości normalnie wyglądała ?
Dokładnie to są "div" które tak sie mieszają.

Ten post edytował Cienki1980 7.03.2007, 16:20:48

[woj_tas]

Wersja pierwsza (jeżeli zależy ci na tym aby strona byla rozciagnieta na całą przeglądarkę)

[HTML] pobierz, plaintext 
<div id="calosc">
    <div id="gora">
    </div>
 
    <div id="lewa">
    </div>
 
    <div id="prawa">
    </div>
 
    <div id="srodek">
    </div>
  </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#gora {height:100px; clear:both; background:#F44;}
#calosc {min-height:600px; }
#lewa {float:left; min-height:100px; width:200px; background:#F22; margin-right:10px;}
#prawa {float:right; min-height:100px; width:200px; background:#F99; margin-left:10px;}
#srodek {min-height:500px; }
[HTML] pobierz, plaintext 

i druga wersja (wszystkie szerokości divow są na stałe)

[HTML] pobierz, plaintext 
<div id="calosc">
    <div id="gora">
    </div>
 
    <div id="lewa">
    </div>
     <div id="srodek">
    </div> 
    <div id="prawa">
    </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#gora {height:100px; clear:both; background:#F44;}
#calosc {min-height:600px; width:800px; margin:0 auto; }
#lewa {float:left; min-height:100px; width:150px; background:#F22; }
#prawa {float:right; min-height:100px; width:150px; background:#F99;}
#srodek {padding:10px; text-align:justify; float:left; width:480px; background:#F33; min-height:600px;}
[HTML] pobierz, plaintext