последующей высоты родительского DIV, автоматическая настройка высоты родительского DIV, когда ребенок DIV имеет больше содержания

Question

здесь мой HTML ->http://aivan.info/

Структура

<div id="wrapper"> 
    <div id="leftg"> 
    </div> 
    <div id="container"> 

     <div id="header"> 
     </div> 
     <div id="logo"> 
     </div> 
     <div id="navigation"> 
     </div> 
     <div id="body"> 
      <div id="bleft"> 
      </div> 

      <div id="bright"> 
      </div> 
     </div> 
    </div> 
    <div id="rightg"> 
    </div> 
</div> 

Я хотел rightg и leftg следовать высота обертки, в то время как я хочу, чтобы высота обертки соответствовала содержимому тела. Я хочу, чтобы тело было жидким на основе содержимого с минимальной высотой.

PS: должен быть IE6, IE7, FF6 Совместимость

Answer 1

Добавить дополнительный div после каждого элемента float с ясным: оба атрибута стиля. удалить все свойства высоты для обертки и контейнеры для тела.

Answer 2

Является ли это то, что вы хотите: http://www.alistapart.com/articles/fauxcolumns/?

Answer 3

Это очень распространенная проблема без хорошего и очевидного решения. Я думаю, что таблицы - лучший вариант для этого. Сделайте некоторые поисковые запросы, вы найдете множество различных реализаций.

Один трюк состоит в том, чтобы положить слева внутри справа и maincontent внутри слева, это не будет правильно sementicaly, но вы можете создать его так, чтобы он выглядел как 2 панели с каждой стороны. Предполагается, что основной контент всегда будет длиннее панелей, и я думаю, что есть и другие причуды.