[CSS]Positionering DIV's zonder absolute DIV?

[sjaakaq]

Oké 2e topic alweer
Zie http://www.supersop.nl/test_site/index.html

De rode DIV is horizontaal gecentreerd. Dit werkt alleen als position: relative is. Echter...ik wil de paarse layer precies onder de rode krijgen. Dit gaat echter niet...omdat er geen absoluut gepositioneerde layer is. Toch?

Cascading Stylesheet:

body
{
width: 100%;
background-color: #fff;
margin: 2px;
margin:5px 0px; 
padding:0px;
text-align: center;
}

#inhoud
{
font-family: georgia, arial; 
font-size: 12px;
color: #000;
height: 500px;
width: 700px;
background-color: #ff0000;
margin: 50px auto auto;
padding: 5px;
position: relative;
}

#tabs
{
height: 25px;
width: 700px;
margin: 550px;
padding: 0;
background-color: #ff00ff;
position: relative;
}

Nu kan ik #tabs natuurlijk absoluut gaan plaatsen, maar dit werkt alleen voor 1 resiolutie, aangezien de positie van de rode layer afhangt van de grootte van het scherm...

Hoe los ik dit op?

[André]

Haal die margin 550px weg en hij staat er recht onder

[Johnny]

Gewoon een <div> er omheen zetten die je positioneert.

[sjaakaq]

André schreef op 16 augustus 2004 @ 10:42:
Haal die margin 550px weg en hij staat er recht onder

Oké. Je hebt weer gelijk. Ik schaam me oprecht, aangezien dit de 2e iets té simpele oplossing was...

Voordat ik weer een topic open zal ik eerst minstens een uur research doen...sorry.

Tanks anyway

[Pelle]

leokennis schreef op 16 augustus 2004 @ 10:52:
Voordat ik weer een topic open zal ik eerst minstens een uur research doen...sorry.

Dat je dat nu nog steeds niet snapt (eerst research, dan pas topic openen) verbaast me zeer