Parent div is smaller than child div?

Question

here's my question, i want to fill the content div with white. BUT when i do it , its not filling the whole div. The child div are more bigger and they go over the parent div (content). I want that the content div cover all the child div.

Here's my code

#content {
  width: 100%;
  min-height: 400px;
  height: auto;
  max-height: 2000px;  /* ONLY FOR THE MOMENT */
  margin-top: -7px;
  background:white;
}
#fastMenu {
  float:left;
  width: 200px;
  height: 100%;
  margin-top: 20px;
}
#contenu {
  float:left;
  width: 430px;
  height: 100%;
  margin-top: 20px;
  background:white;
}

<div id = "content">
  <div id = "fastMenu">
    <a href="conseil-d-administration">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuAdmin.png'; ?>" border="0" />
    </a>
    <a href="congres-2012">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuCongres.png'; ?>" border="0" />
    </a>
    <a href="formation">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuFormation.png'; ?>" border="0" />
    </a>            
    <a href="devenir-membre">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuMembre.png'; ?>" border="0" />
    </a>            
  </div>  
  <div id="contenu" class="txt"></div>
</div>

I want also a cross-browsing answer please (IE7, IE8, IE9, Firefox, Chrome, Opera)

Could you please show us the code on a test webpage or a JS fiddle? — Francisc
Why are you using PHP to echo a string? Just place the string there you don't need PHP for that. — Francisc
Your #content div is currently larger (or at least as large as) its contents: jsfiddle.net/qQZdV — bfavaretto
@bfavaretto, that's because of the ´min-height´ properties, which presumably is a temporary hack. Remove those and the green background disappears, then add ´overflow: auto´ and it works as intended. — Supr
@user1440480 I got it all wrong! I thought you were talking about the widths, not the heights. — bfavaretto

Rodolfo Rodolfo · Accepted Answer · 2012-06-20T19:16:05

add overflow: auto to the css for .content

Parent div is smaller than child div?

1 Answers