Jasper,

> So this should fix the problem. But because this container won't stretch
> with them... How do we fix this?

Clear the floats!

<div id='container'>
  <div id="menu">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  </div>
  <div id="content">
    blabla, more content then #menu
  </div>
  <div class="clear">&nbsp;</div>
</div>

.clear {
       clear: both;
       height: 1px;
       margin-top: -1px;
       font-size: 1px;
       line-height: 1px;
}

Zoe posted a comprehensive list of clearing methods some days ago:

http://www.pixelsurge.com/experiment/clearers.htm

regards,

  Martin

 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to