[CSS]Div stretchen tot dezelfde grootte als andere div

[Hmail]

Ik heb het idee dat ik op een enorm simpel dingetje aan het klussen ben, maar ik ken de juiste zoekwoorden er niet voor, zodat ik op Google ook niet erg ver kom. Als iemand me daar aan kan helpen ben ik al een heel eind verder, gok ik.

Het probleem is dit:

Cascading Stylesheet:

#div-container {
    height: 100%;
}
#div1 {
    height: 100px;
    background-color: #AB12DE;
    width: 150px;
    float: left;
}
#div2 {
    width: 300px;
    float: left;
}
#div3 {
    background-color: #123456;
    width: 200px;
    float: left;
}

Nu heb ik in div2 een vracht tekst staan, waardoor hij netjes meegroeit tot aan de onderkant van de tekst. In div3 staat veel minder, maar de bedoeling is echter dat die even groot word als div2. Alleen: Hoe? Ik heb het idee dat ik moest zoeken in de richting van liquid designs, of nested divs, maar ook daar kom ik niet verder mee. Iemand die me in de juiste richting kan sturen?

Demo overigens op http://geensite.nl/boxed/stretch.html
Alvast bedankt

[spaceninja]

zoek op faux columns. Meest onhandig gekozen naam ooit...

[Hmail]

Thanks! Het kostte me nog wat zoekwerk, maar uiteindelijk, met hulp van deze blog is het me gelukt!

CSS voor diegene die tegen hetzelfde probleem aan loopt:

Cascading Stylesheet:

#div-container {
    background: #ffffff url(stretch.gif);
    width: 600px;
    float: left;
}
#div1 {
    height: 100px;
    background-color: #AB12DE;
    width: 100px;
    float: left;
}
#div2 {
    width: 300px;
    float: left;
    background-color: #808080;
}
#div3 {
    background-color: #123456;
    width: 200px;
    float: left;
    position: relative;
}

En, idd, wel een heel onhandig gekozen naam

[ Voor 3% gewijzigd door Hmail op 01-05-2008 16:42 ]

[Borizz]

Hmail schreef op donderdag 01 mei 2008 @ 16:42:

En, idd, wel een heel onhandig gekozen naam

Mwah zoeken op 3 column layout of 2 column layout levert ook prima resultaten op hoor.