css probleem(pje)

[lautje145]

Hallo,

Een css probleem(pje). en die is dat ik een div container heb en daarin div's heb staan
met 'float:left;' zodat de div's in de div container naast elkaar komen te staan. alleen de div container wil niet 'uitrekken' (naar beneden). misschien is dit probleem bekend. maar ik kan niks goeds vinden op google.

Alvast bedankt.

Groeten lautje145

 

[Tha Devil]

Code zegt meer dan woorden kunnen beschrijven

Dus zou je het CSS en de bijbehorende HTML-pagina hier willen plaatsen?

 

[lautje145]

Nee ik heb het al opgelost door de div container vervangen door een tabel (ookal is het nogal 'ouderwets' het werkt wel)

 

[Tha Devil]

Dus je stapt van een Ferrari naar een Citroen?

 

[That Guy]

ta-da da datada!

bla.zip red alweer iemand. Check de bijlage, dit zou je moeten helpen.

:thumb:

 

[lautje145]

heel erg bedankt maar ik denk dat het met de tabel oplossen toch het beste werkt

 

[ErikBooy007]

Dat probleem daar ben ik ook wel eens tegenaan gelopen.

Als je div elementen binnen een andere div 'float' dan raakt de parent-div z'n hoogte kwijt.

Bijvoorbeeld dit:

/* CSS */

#container{
 background: #00f;
}

#div1{
 height: 200px;
 float: left;
}

#div2{
 height: 300px;
 float: left;
}

/* HTML */

<div id="container">
  <div id="div1">
    Whatever
  </div>
  <div id="div2">
    Whatever
  </div>
</div>

Dan heeft de container (het blauwe deel) vrijwel geen hoogte...

En ik ben eigenlijk nog steeds wel benieuwd naar een goede oplossing voor dit 'probleem'...

 

[Jelly]

@ErikBooy007:

Dat kan je oplossen met overflow: hidden;.
Tenminste, dat werkt altijd bij mij. Dan rekt de container wel uit tot onder de div2.

#container{
 background: #00f;
 overflow: hidden;
}

#div1{
 height: 200px;
 float: left;
}

#div2{
 height: 300px;
 float: left;
}

Wellicht is dit ook de oplossing voor de TS.

 

[ErikBooy007]

Aha,

Bedankt voor de tip. Ik zal het onthouden en de volgende keer als ik het probleem tegenkom eens toepassen! :thumb:

 

[W3C freak]

google eens op "clearfix"