цвет фона div обрезается

Question

Вот скриншот того, как это выглядит в IE6, отлично работает во всем остальном: http://i39.tinypic.com/2lcr4uw.png

Это внутри div class = "article odd", переполнение которого: auto; установлен.

Тогда у него есть список ul (w / clear: both; set), плавающий влево, с делением li на 50%

Любые предложения будут оценены.

Answer 1

Да, это ошибка с использованием overflow: auto для хранения чисел с плавающей точкой. Если вы добавите ширину / высоту, вы исправите это. Например, ширина: 100%.

Вот отличная страница с информацией об этом. http://www.quirksmode.org/css/clearing.html

Определенно, не используйте "очищающий div". Он добавляет нежелательную разметку, а также имеет причуды с печатью из браузера.

Редактировать: Если это не поможет, я думаю, вам нужно дать нам пример кода вместо картинки.

Answer 2

Я согласен с Hexxagonal, не вставляйте дополнительные очищающие div. Лучше исправить это только с помощью CSS.

Я предпочитаю давать IE6 height: 1%; или zoom: 1;, что вызовет IE hasLayout. Это делает то же самое для поплавков в IE, как overflow: hidden; или overflow: auto; для Firefox, Opera, Safari и т. Д.

Answer 3

<div class="article odd">
  <ul>
  </ul>
  <div class="clear"></div>
</div>

css
---
.clear
{
   clear: both;
}