CSS Float в стандартном документе IE7

Question

Я использую эту страницу YAML ( fullpage_grids.html ) в качестве шаблона для увеличения страницы.

Проблема в том, что в IE7 нижние 3 DIV, которые должны быть выровнены по горизонтали, теперь вертикально сложены вместе.

Можете ли вы дать мне исправить эту страницу?

Answer 1

Просто чтобы дать другой ответ ...

Quirksmode имеет список совместимости для отображения объявления http://www.quirksmode.org/css/display.html

Если вам абсолютно необходим макет для работы в IE7, вы можете подумать об использовании таблицы или, возможно, горизонтального неупорядоченного списка.

Answer 2

Это не проблема с плавающей точкой, это проблема таблицы.Вы расширяете ячейки?

контейнер / строка

.equalize,
.equalize .subcolumns {
  table-layout: fixed;
}
.subcolumns {
  display: table;
}

столбцы / ячейки

.equalize > div {
  display: table-cell;
}