Nieuw lid |
|
Hoi,
Ik heb een x aantal div’s van dezelfde klasse naast elkaar staan (allemaal met een verschillende inhoud).
Het is de bedoeling dat wanneer een div niet meer in de breedte van het scherm past doorgaat naar de volgende regel.
.vakje {
width: 200px;
background-color: green;
float: left;
position: relative;
margin: 1px;
}
.vakje { width: 200px; background-color: green; float: left; position: relative; margin: 1px; }
Dit lukt nog allemaal perfect, maar wanneer er div’s zijn met een verschillende lengte (door een verschillende inhoud), krijg ik het volgende resultaat:
http://www.deplenkskes.be/vb/fout.gif
Terwijl ik dit resultaat wil:
http://www.deplenkskes.be/vb/goed.gif
Dit is maar een voorbeeld, het is de bedoeling dat er meerdere lange vakjes gaan komen, de inhoud ligt nooit op voorhand vast. De breedte blijft wel altijd hetzelfde.
Iemand een idee hoe ik dit kan oplossen?
Alvast bedankt,
Bram
|