Dag mensen,

Mijn holder/container groeit op een of andere manier niet mee. Deze heeft een achtergrond image of kleur maakt in principe niks uit en die zou dus mee moeiten groeien in de HEIGHT wanneer deze 'div' gevuld word met tekst.

Dat werkt inprincipe wel maar nu zitten in deze holder/container 2 divs die floaten.
Dus zie het zo:

<div id="holder">
<div id="left"></div>
<div id="right"></div>
</div>

CSS:
#holder{width:900px;margin:0 auto;padding:0 auto;background-color:#fff;}
#left{width:500px;float:left;}
#right{width:400px;float:right;}

Wanneer mijn content in de div left of right dus langer word groeit de background color niet mee.
Wanneer ik een normale div er in zet die NIET float, groeit deze niet mee.

Normaal loste ik dit eigenlijk op met een min-height op te geven bij de holder. Maar dat staat zo slordig..

Wat doen jullie normaal hier mee?

Mvg,

Rick Leijten

de holder div een overflow: hidden; mee geven.

HTML:

PHP Code:

<div id="holder">
   <div id="left">Links</div>
   <div id="right">Rechts</div>
   <div class="clear"></div>
</div> 


CSS:

PHP Code:

.clear { clear: both; } 


De clearer zorgt ervoor dat de boel gewoon meerekt zoals het hoort, werkt perfect in elke browser.

te gek. bedankt!

waarom een class ? div is toch logischer ?

Origineel gepost door Alexander Lambrechts

waarom een class ? div is toch logischer ?

Je bedoelt "een id is toch logischer" neem ik aan? Ik geef de div een class mee, zodat je het vervolgens meerdere keren kan toepassen.

Wil namelijk best nog wel 'ns voorkomen dat je in die éné gefloate div weer 2 div's gaat floaten, dan krijg je hetzelfde als die ook een bg heeft. Zo kun je dan weer die class gebruiken, een ID mag je maar één keer gebruiken.

Dat is waar, zo had ik het nog niet bekeken, bedankt