[CSS] float + height: auto;

    Hallo iedereen,
    Ik heb 3 div's namelijk: container, leftside, rightside. Ik gebruik onderstaande code:


    De container geeft een witte achtergrond die dus automatisch moet meegaan naarmate de leftside en de rightside groter worden. Alleen dit gebeurd niet, ik heb al min-height gebprobeerd echter treed de inhoud van de leftside of rightside eruit als hij groter is als de min-height.


    Kan iemand me hierbij helpen?
    Alvast bedankt.

    Omdat je float's gebruikt zou je deze eerst moeten clearen...


    Code
    #container:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

    De zogenaamde clearfix moet je gebruiken.
    Dat floaten is niet relatief aan de onderstaande elementen.
    Dit is mijn clearfix:

    Code
    #container:after,#container:before{
    content:"";
    display:table;
}
#container:after{
    clear:both;
}

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login