[HTML/CSS] DIV relative positioneren binnen een DIV

[Verwijderd]

Ik heb nu een prachtige pagina met CSS Tabs gemaakt die perfect werken. Wat ik zou graag willen is het volgende: als je op een tab klikt dat dan er een paar div hidden worden en een zichtbaar. Dit lukt allemaal geweldig, maar deze divs blijven lekker onder elkaar staan.

het ziet er zo uit:

HTML:

<div class="divMainPlane">
    <div id="tabMainNL" class="divMain">Nederlands<br/><br/></div>
    <div id="tabMainEN" class="divMain">Engels<br/><br/></div>
</div>

de betreffende CSS styles zien er zo uit:

Cascading Stylesheet:

.divMain {
    position:relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}
.divMainPlane {
    background-color:#FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    padding: 5px;
    width: 100%;
}

Ik heb al heel wat lopen zoeken (elementen op blokniveau, inline elementen, etc) maar ik kom er niet uit. Ze blijven maar onder elkaar staat of helemaal links boven (absolute 0 punt)

[faabman]

float gebruiken (alsin float:left; dus)

Daarnaast heb ik het idee dat je nu div gebruikt op een plaats waar je beter een anchor kunt gebruiken...

[ Voor 9% gewijzigd door faabman op 31-05-2005 16:42 ]

[André]

In plaats van de visibility op hidden en visible te zetten kun je beter de display op block of none zetten

[Sappie]

floating- of inderdaad inline-elementen gebruiken (span is de inline level tegenhanger van div). Ook de breedte van 100% kun je beter weglaten, alsmede de bottom en right properties die afaik niet toegepast kunnen worden op relative gepositioneerde elementen.

edit:
laat... en wat faab zegt.. ipv die span's gewoon a's

[ Voor 13% gewijzigd door Sappie op 31-05-2005 16:44 ]

[Verwijderd]

geweldig mensen! ik heb nu span ipv een div gebruikt en geen visibility maar dispay block en none! geweldig!

soms loop je uren te zoeken terwijl de oplossing best wel simpel is, maar je moet het ff zien!

[Sappie]

Verwijderd schreef op dinsdag 31 mei 2005 @ 16:49:
geweldig mensen! ik heb nu span ipv een div gebruikt en geen visibility maar dispay block en none! geweldig!

display: inline ipv display: block zal je toch bedoelen dan hè

[André]

Volgens mij bedoeld hij de tabs en daar kan hij toch echt beter divs voor gebruiken icm display:block

[Sappie]

Dan heb ik t niet goed begrepen