Встроенные столбцы с шириной до 100%

Question

У меня есть три столбца внутри div, который является полной шириной страницы. Ширина по обеим сторонам равна 25%, а ширина по центру равна 50%. Этот макет работает нормально, за исключением IE6, где при определенной ширине страницы он поднимает правый столбец до следующей строки. можно ли это исправить? Может быть, альтернативный способ размещения страницы, как это?

Редактировать: Я использую кросс-браузерный взлом встроенных блоков, который отлично работает в FF, IE, S, Chrome. Я почти уверен, что эта особенность связана с тем, как IE вычисляет ширину по содержанию жидкости, и происходит из-за неправильного расчета (возможно, округление?). Я привел пример здесь . Попробуйте медленно отрегулировать ширину окна в IE6 (возможно, и в более поздних версиях) и посмотрите, как зеленый DIV столкнется с определенной шириной.

Спасибо
Брендан

Answer 1

Это проблема округления в блочной модели IE6. Как правило, вы не можете иметь комбинацию, равную 100%. Попробуйте сделать ваши значения в сумме до 99% от общей ширины, и это должно работать нормально. Это решение всегда работало для меня.

Answer 2

Похоже, что часть содержимого в этом столбце может иметь определенную ширину, которая больше, чем 25% ширины страницы, которая ему дана. Можете ли вы привести примеры CSS?

РЕДАКТИРОВАТЬ : IE6 не поддерживает встроенный блок, который также может быть проблемой.

РЕДАКТИРОВАТЬ 2 : Я посмотрел на экран 1680x1050 в IE6 на виртуальной машине. Когда я медленно перетаскиваю ширину с 800 до 1600 пикселей, она случайным образом перемещает правую колонку. Я подозреваю, что это проблема с взломом, который вы пытаетесь использовать. Ваш код настолько прост, что я думаю, что вы должны рассмотреть альтернативный взлом вместо этого. Я также никогда не видел взлом *<property>: <value>. Что делать, все совместимые браузеры?