Средний Div не полностью расширен в строке, рис включен

Question

Проблема с тем, что средний Div не расширяется до ширины http://acs.graphicsmayhem.com/images/middiv.jpg

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

Спасибо.

Answer 1

Установите левый и правый поля, равные левому и правому плавающему div + tho 5px промежутку, который вам нужен между ними.

Это было бы:

margin:0 205px;

и не плавайте в середине div. Поместите правый плавающий div перед левым плавающим, а средний div как последний в html (устраняет ошибку IE6).

Answer 2

Не уверен, почему ты плаваешь в верхнем диве. Предполагая, что:

<div id="container">
  <div id="header">...</div>
  <div id="content">
    <div id="left">...</div>
    <div id="main">...</div>
    <div id="right">...</div>
  </div>
</div>

десять:

#container { margin: 0 auto; /* fixed or floating width */ }
#header { margin: 5px; }
#container { overflow: auto; margin: 5px; }
#left { float: left; width: 200px; }
#right { float: right; width: 200px; }
#content { margin: 0 205px; }

Answer 3

Это должно работать:

width: 100%;
margin-left: 205px;
margin-right: 205px;

Тогда вам также не понадобится плавать на этом div.

Answer 4

Много написано о простой, идеальной, интуитивно понятной трехколоночной схеме. Это довольно хорошо, и я нашел его относительно легко модифицируемым, два раза я его использовал: http://matthewjamestaylor.com/blog/perfect-3-column.htm