PDA

Volledige versie bekijken : divjes onder elkaar


Cazziz
%Europe/Berlin %308 %2007, 07:24
Hallo allemaal,
Ik ben een gamesite aan het maken, dat lukt allemaal heel redelijk:)
echter, ik ben helemaal niet thuis in CSS.
Dus mischien is deze vraag makkelijk te beantwoorden ;)

hoe krijg je verschillende div's goed onder elkaar, terwijl de hoogte van de div er boven niks uitmaakt? dus dat alle containers eronder gewoon mee bewegen als er ergends een linkje bijkomt of weggaat:)

Dank,
Casper

tomheymans
%Europe/Berlin %398 %2007, 09:34
Dit kun je doen door de positie relatief te bepalen.

div#vakje1 {
width: 200px;
background-color: #00FF00;
}
div#vakje2 {
position: relative;
width: 200px;
top: 5px;
background-color: #FF00FF;
}
Dit is dus css code voor 2 divjes. De onderste hiervan is relatief gepositioneerd ten opzichte van vakje1. Dit betekend dat vakje2 zijn positie bepaald aan de hand van de positie die vakje1 heeft.


<div id="vakje1">
Blablabla<br>
Blablabla
</div>
<div id="vakje2">
Dit vakje
verschuift naar onder
Als het vakje1
meer tekst krijgt
</div>

Deze html code hoort bij de css code.
Hier kun je meer vinden over het positioneren van divjes, deze site is makkelijk om te beginnen met css.
http://www.sceneone.nl/positionering/positie.php

Cazziz
%Europe/Berlin %570 %2007, 13:41
ja, dat had ik ook al wel uitgevogelt, maar zodra ik vakje1 begin te positioneren, blijft vakje2 achter, dat moet niet:S maar ik denk dat ik vast opmaak gebruik met een limit.... wel zo makkelijk

Tenshu
%Europe/Berlin %609 %2007, 14:37
Cazziz, zou handig zijn als je een link of je code hier kan posten.