- Porad: 21
- Tutoriali: 6
- Tekstów: 8
- STATYSTYKA
Pokażę tutaj najprostszy możliwy układ na divach, wyglądjający jak tabelki (kolumny rozciągają się względem siebie - sposób zrobienia tego w poradzie Divy rozciągane jak tabelki)
body {
margin:0 auto;
padding:0;
text-align:center;
}
#kontener {
width:760px;
overflow:hidden;
}
#top {
width:100%;
height:100px;
background:#51cbd7;
}
#lewa {
float:left;
width:150px;
height:auto;
padding-bottom:5000px;
margin-bottom:-5000px;
background:#3b989f;
}
#srodek {
float:left;
width:460px;
height:auto;
padding-bottom:5000px;
margin-bottom:-5000px;
background:#1bdf5a;
}
#prawa {
float:left;
width:150px;
height:auto;
padding-bottom:5000px;
margin-bottom:-5000px;
background:#3b989f;
}
#stopka {
width:760px;
line-height:20px;
background:#51cbd7;
}
<div id="kontener">
<div id="top">TOP</div>
<div id="lewa">
LEWA (rozciąga się względem środka)
</div>
<div id="srodek">
ŚRODEK
</div>
<div id="prawa">
PRAWA (rozciąga się względem środka)
</div>
</div>
<div style="clear:both;"></div>
<div id="stopka">STOPKA</div>
kliknij żeby zobaczyć demo
