- Porad: 21
- Tutoriali: 6
- Tekstów: 8
- STATYSTYKA
Wielu początkujących jak i starych wyjadaczy zastanawia się jak to zrobić. Robimy to w nastepujący sposób: umieszczamy nasze divy w jednym kontenerze, któremu dodajemy overflow:hidden; divy które mają się rozciągać powinny mieć nadany float, oraz nierealny padding-bottom, oraz równy niemu ujemny margin-bottom. No więc kod.
#kontener {
width:750px;
overflow:hidden;
}
#lewa {
float:left;
width:250px;
background:#800000;
padding-bottom:5000px;
margin-bottom:-5000px;
}
#srodek{
float:left;
width:250px;
background:#ff0000;
padding-bottom:5000px;
margin-bottom:-5000px;
}
#prawa {
float:left;
width:250px;
background:#333333;
padding-bottom:5000px;
margin-bottom:-5000px;
}
<div id="kontener">
<div id="lewa">
lewa
</div>
<div id="srodek">
środek
</div>
<div id="prawa">
najdłuższa treść względem której rozciągają się kolumny lewa i środkowa
</div>
</div>
kliknij żeby zobaczyć demo
