Hallo ...

Ik ben nu een aantal dagen bezig met CSS en div.
En het is mijn eerste site die best complex gaat worden.
Alleen ik ben even de weg kwijt ik kom er niet meer uit ...

Wat is nu het probleem, ik heb een aantal blokken zie hieronder:


Door een stomme fout heb ik de code niet meer dus ik moet opnieuw beginnen maar ik had al deze blokken staan dit lukte prima MAAR als het ene blok langer werd schoof hij achter z`n onderbuurman door.

Terwijl dit niet mag, alle blokken moeten naar beneden kunnen rekken zonder dat hij achter zijn buurman loopt.

Ik heb al met float geprobeerd, maar daar lukt het totaal niet mee.
En als ik het met position: absolute dee dan kreeg ik dat schuif effect.

Wie kan mij opweg helpen?
Alvast enorm bedankt.

http://compasol.net/showoff/sd/test
(css http://compasol.net/showoff/sd/test/style.css )


ik hoop dat dit is wat je zoekt.

clear: left/right e.d ..

je moet iig géén position:absolute gebruiken.

wat jij moet doen is een header, middenstuk en een footer maken. Dit zijn gewoon 3 divs onder elkaar... hoef je verder niks ingewikkelds mee te doen.

Dan maak je in de div van het middenstuk 2 divs.

Deze geef je via css bijde float: left mee.
Stel nou dat je linker div 400 px breed moet, je rechter 200px breed, dan wordt site dus 600px breed. Zorg er dan ook voor dat het middenstuk minimaal 600px breed is.

Als je een border om de div doet van het middenstuk zal je zien dat de 2 divs die float hebben meegekregen niet in de bovenliggende div blijven. Dit kan je oplossen door nog een extra div in de div van het middelstuk toe te voegen en deze de css eigenschap clear: both; mee te geven.

En in de linker div van het middenstuk kan je dan ongeveer het zelfde doen.

Veel succes ermee !

@ Cédric Siroux
Idd dit precies zoals ik het bedoel :)
Ik ga dit eens even bestuderen ... echt enorm bedankt.

En de rest uiteraard ook bedankt ik zal jullie reactie zeker doornemen en ook toepassen.

Nogmaals bedankt !!

als je nog vragen hebt laat het dan maar weten

Thx, ik heb het nu aardig onder de knie en ik begin ook te snappen hoe het zit met die float enz.

Ik dacht dat ik dit met position moest doen maar dit gebruik je dus alleen als een element moet blijven staat op een bepaalde positie en een float juist als hij mag schuiven, of is het ..

ik gebruik float als het uitrekbaar moet zijn.
met position absolute is het niet mogelijk om de divs mee te laten uitrekken (want dan schuiven ze zoals je in het begin had onder elkaar)

Ow zo dus eigenlijk is het, het beste om altijd float te gebruiken tenzij het niet rekbaar mag zijn, een inlog vlak bijv. of een banner vlak.

ik gebruik zoveel mogelijk float omdat ik met position vaak problemen heb dat de coordinaten verschil geven in uiting tussen firefox en IE...

door met de margin te spelen kan je ook al heel wat bereiken (ook door ze negatief te zetten kan je het verschuiven)

Ow ok ... ik ben iig een stuk wijzer geworden en ik ga nu ook float gebruiken.
Kortom nogmaals bedankt voor alle hulp!

Ik doe ook alles met float, position absolute gebruik ik gewoon voor als er iets s over het layout moet komen o.d