[css/div] hoogte relatief aan voorganger

[ViNyL]

Ik heb een 3 tal divs, 1 div staat boven de 2 andere. De twee andere staan naast elkaar boven de gene erboven.

De 1ste div is soms wat langer, soms wat korter. Ik wil dat de 2 onderste zich daarop aanpassen maar krijg dat helaas niet voor elkaar..

http://wijmakenwebsites.nl/divs.gif

Ik gebruik voor alle drie absolute positioning en dat is vast het probleem:

Cascading Stylesheet:

#poll {
    position: absolute; top: 289px; left: 100px;
    width: 262px;
    border: 1px dotted #000;
    background-color:#fff;
}
        
#video {
    position: absolute; top: 673px; left: 100px;
    width: 90px;
    border: 1px dotted #000;
    background-color:#fff;
}

#hyves {
    position: absolute; top: 673px; left: 195px;
    width: 90px;
    border: 1px dotted #000;
    background-color:#ffcf70;
}

Omdat ik niet precies weet waar ik op moet zoeken, hoe krijg je dat voor elkaar? Ik heb ze alle drie al in een 4de div proberen te nesten, dat werkt helaas niet. Ook met relative positioning schijnt het niet te lukken...

[Cartman!]

Je geeft het zelf al aan: position:relative; gebruiken. Absoluut trekt zich niks aan van hoe groot of klein de andere elementen zijn namelijk.

[ViNyL]

Maar moet je ze dan alle 3 in een andere div stoppen?

edit:

Na wat knutselen ben ik eruit.
Ik heb een 'wrapper' gemaakt met een absolute positie met daarin alle andere elementen..

[ Voor 57% gewijzigd door ViNyL op 22-07-2007 15:23 ]

[Cartman!]

Waarom heb je die div dan wel weer absoluuut geplaatst?