<style>
.container{
width: 200px;
}
.left{
width: 100px;
float: left;
}
.rechts{
width: 100px;
float: left;
}
</style>
<body>
<div class="container">
<div class="left">Linker Kant</div>
<div class="rechts">Rechter kant<div>
</div>
<div class="container">
<div class="left">Linker Kant</div>
<div class="rechts">Rechter kant<div>
</div>
(... enzovoort)
</body>
Normaal gesproken gaat dit goed, wanneer voor alle gegevens in een DIV gelt dat ze slechts een regel in beslag nemen. Wanneer bijvoorbeeld de info van een DIV links in de eerste container twee regels is, en die van rechts slechts een, dan gebeurt er iets geks. De data van de volgende DIV links wordt er gewoon netjes onder gezet, maar de data van de volgende DIV rechts wordt totaal misplaats, namelijk naast de tweede regel van de eerste DIV links.(dus direct onder de informatie uit de eerste DIV rechts, in plaats van dat hij deze regel overslaat.)
Weet iemand hoe ik dit kan oplossen?
Groeten,
Jan