div(s) met variabele hoogte absoluut gepositioneerd

[Verwijderd]

Hallo allemaal,
ik probeer om seo-technische redenen een 2 divs, laten we zeggen Top en Bottom, beide met variabele hoogte in de html te plaatsen. Deze divs worden met php-functies in de html geplaatst, maar via css worden ze met absolute en top op de goede hoogte gezet. Oftewel:

code:

function top()
{
echo"<div id="top" style="position:absolute;top:0px;"></div>";
}
function bottom()
{
echo"<div id="bottom" style="position:absolute;top:100px;"></div>";
}

bottom();
top();

(Let ff niet op de functionaliteit van die code, consider it pseudo)
So far so good, maar nu is de inhoud van de divs dus variabel, en op geen manier van tevoren te bepalen., dus het probleem is nu, hoe krijg ik de bottom div onder de top div ?

[iH8]

hoogte van top bepalen dmv javascript en dan bottom positioneren?

[cspare]

Is het geen optie om de top en bottom div in een parent div te zetten, en dan alleen de parent div absoluut te positioneren, en de top en bottom relative?

[Verwijderd]

Wat CSpare zegt is inderdaad een goede oplossing. Dat gebruik ik ook vaak, dus zeg een div met ID content, en dan in de content div meerdere divs met de class item hebben die relatief gepositioneerd zijn ten opzichte van elkaar, of gewoon met een marge