[css] div onder elkaar met top property

[Verwijderd]

Ik heb drie div's onder elkaar (relatief gepositioneerd) dat werkt prima. Nu wil ik de bovenste div lager laten beginnen dus geef ik een top mee van 100px. Het probleem is dus nu dat de bovenste div onder de tweede div komt te vallen. Ik zou het op kunnen lossen door de 2e div ook een top mee te geven maar dat wil ik niet omdat deze variabel is en dan kom ik uiteindelijk met mijn derde div in de knoei.

code:

#contentheader {
    position:relative;
    width: 728px;
    height:47px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image:url(images/bgheader.gif);
    left: 20%;
}

#content {
    position:relative;
    width: 728px;
    min-height:600px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image:url(images/bgcontent.gif);
    left: 20%;
    }

#contentfooter {
    position:relative;
    width: 728px;
    height:47px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image:url(images/bgfooter.gif);
    left: 20%;
    padding:0px;
}

Iets anders aparts is dat ik in dreamweaver een witregel zie tussen de eerste en de 2e div. In IE zie ik dat echter niet. Op zich niet zo belangrijk maar ik vraag me af hoe dat kan.

[Boelie-Boelie]

Wat is volgens jou het nut van 'positon:relative' wanneer je block-level elementen onder elkaar wilt hebben?
Verder werkt min-height niet in IE6 en lager (daar gebruik je 'height' voor).

Verder meld je een tweede probleem, maar zonder HTML wordt het gokken.

[Bozozo]

Gebruik margin: 100px 0 0 0; in plaats van top: 100px, dat zal het probleem waarschijnlijk verhelpen.

[Verwijderd]

Bozozo schreef op zondag 26 augustus 2007 @ 16:44:
Gebruik margin: 100px 0 0 0; in plaats van top: 100px, dat zal het probleem waarschijnlijk verhelpen.

Inderdaad, ik dacht dat dat problemen met mijn background image op zou leveren maar dat is niet zo. Bedankt.