[css] div met float:left probleem

[Verwijderd]

Ik een aantal div's die via float:left naast elkaar staan, opzich werkt het goed. De breedte varieert waardoor er soms maar 2 naast elkaar staan, wat dus ook de bedoeling is.

[1][2][3]
.........[4]
[5][6][7]

Nu komt het probleem. De hoogte varieert ook, waardoor de div's daar onder soms blijft 'haken'. Zie voorbeeld hierboven , daarbij is div 3 minder hoog dan 1 en 2. Waardoor 4 niet link komt te staan maar precies onder div 3 staat omdat 1 en hoger is.

Voor de duidelijkheid het moet dus zo worden:


[1][2][3]
[4][5][6]
[7]

Dit is het voorbeeld wat ik heb gebruikt: http://www.realworldstyle.com/thumbs_3.html. Alleen bij dit voorbeeld is de hoogte steeds het zelfde waardoor dat probleem niet ontstaat.

Valt dit op te lossen?

[ Voor 3% gewijzigd door Verwijderd op 08-06-2004 22:07 ]

[crisp]

Verwijderd schreef op 08 juni 2004 @ 22:06:
Valt dit op te lossen?

Ja, maar waarschijnlijk niet puur met CSS (behalve dan door al je elementen dezelfde hoogte te geven). Ik ben bang dat je je eens flink moet gaan verdiepen in javascript als je dit netjes op wil lossen.

[Verwijderd]

Die link doet het niet. (toch?)

Ik weet dus niet precies hoe je code er uit ziet maar je zou evt. de images binnen een div kunnen zetten. De div heeft dan via css de float property alsmede een fixed height. Daar kan dan dus een iets kleiner image in staan. Evt. gooi je al die thumbnail div's nog in een div met een specifiek id of classname zodat je die classname in je html niet bij elke div hoeft te herhalen. (geen overbodige zutt, hoewel de semantiek-guru's dit misschien ook niets vinden ) zoiets:

code:

div.thumbContainer div {float:left;width:80px;height:80px;]

code:

<div class="thumbContainer">
  <div><img etc etc /></div>
  <div><img etc etc /></div>
  <div><img etc etc /></div>
</div>

[Ibex]

Verwijderd schreef op 09 juni 2004 @ 10:36:
Die link doet het niet. (toch?)

De punt achter de html moet weg .

[Verwijderd]

*sjees*

need ..... more ..... coffee .....

maja, volgens mij zou mijn eerdere typsel hier wel op toegepast kunnen worden