[CSS] Div's overlappen elkaar

[Verwijderd]

Ik heb twee div's naast elkaar die ik met float links en rechts houdt. Daaronder wil ik een soort van footer hebben, maar die moet pas beginnen nadat zowel A en B zijn opgehouden. Nu dacht ik dit te bewerkstelligen met clear: both;, maar nu blijkt dat als B langer wordt dat C hem simpelweg overlapt.



Hoe zorg ik ervoor dat C meerekt naar onderen toe als A en/of B langer worden?

Alvast bedankt.

[RobIII]

Zet een wrapper om A + B heen met een overflow: auto;

[ Voor 28% gewijzigd door RobIII op 31-08-2011 10:56 ]

[Bosmonster]

Of geeft C clear:both

(damn wat is jsfiddle traag vandaag..)

http://jsfiddle.net/paulvd/DGW47/

[ Voor 72% gewijzigd door Bosmonster op 31-08-2011 11:22 ]

[OkkE]

Bosmonster schreef op woensdag 31 augustus 2011 @ 11:20:
(damn wat is jsfiddle traag vandaag..)

Het is al langer traag maar er is eigenlijk geen alternatief. Alleen JSBin komt een beetje in de buurt.

[ViNyL]

Bosmonster schreef op woensdag 31 augustus 2011 @ 11:20:
Of geeft C clear:both

(damn wat is jsfiddle traag vandaag..)

http://jsfiddle.net/paulvd/DGW47/

Bereik je hiermee: http://jsfiddle.net/DGW47/4/ niet hetzelfde?

[Bosmonster]

ViNyL schreef op woensdag 31 augustus 2011 @ 11:46:
[...]

Bereik je hiermee: http://jsfiddle.net/DGW47/4/ niet hetzelfde?

Ja, met een zinloos extra element.

[Verwijderd]

Bedankt voor de reacties. Maar nu zit ik met het volgende; als ik de div met tekst uit laat rekken, krijg ik een scrollbar in plaats van dat alles naar beneden rekt..

http://jsfiddle.net/DGW47/5/

[ViNyL]

Ja, dat is waar, maar in feite net zo nuttig als er een wrapper omheen plaatsen toch? Hoewel de wrapper inderdaad wel meer sense maakt..

[RobIII]

Bosmonster schreef op woensdag 31 augustus 2011 @ 11:20:
Of geeft C clear:both

(damn wat is jsfiddle traag vandaag..)

http://jsfiddle.net/paulvd/DGW47/

Of ik kijk er overheen of je URL klopt niet Ik zie geen clear:both en de html/css verschilt niet van de mijne
Anyway; ik neem aan dat je zoiets bedoelt. Dat kan inderdaad ook maar de wrapper leek me veiliger omdat TS aangaf: "Nu dacht ik dit te bewerkstelligen met clear: both;, maar nu blijkt dat als B langer wordt dat C hem simpelweg overlapt. "

Verwijderd schreef op woensdag 31 augustus 2011 @ 11:48:
Bedankt voor de reacties. Maar nu zit ik met het volgende; als ik de div met tekst uit laat rekken, krijg ik een scrollbar in plaats van dat alles naar beneden rekt..

http://jsfiddle.net/DGW47/5/

Omdat die (fixed) height op a en b alleen voor 't voorbeeld was en je die dus achterwege moet laten...

[ Voor 54% gewijzigd door RobIII op 31-08-2011 11:54 ]

[ViNyL]

Verwijderd schreef op woensdag 31 augustus 2011 @ 11:48:
Bedankt voor de reacties. Maar nu zit ik met het volgende; als ik de div met tekst uit laat rekken, krijg ik een scrollbar in plaats van dat alles naar beneden rekt..

http://jsfiddle.net/DGW47/5/

Hier kun je misschien ook nog wel wat mee:
http://webdesignerwall.co...ring-floats-with-overflow

[Rann]

http://jsfiddle.net/DGW47/17/ is een voorbeeld met content, moet lukken toch ?

[Verwijderd]

Omdat die (fixed) height op a en b alleen voor 't voorbeeld was en je die dus achterwege moet laten...

In orde nu, dank voor de reacties!