четверг, января 10, 2008

Четыре тысячи девяносто шесть

Именно при таком количестве символов воспроизводится баг в Огненной Лисе.
Структура: два столбца фиксированной ширины, обернутые в DIV.


<style>
/* .container нужен для задания */
/* общего фона рабочей области */
/* display: table нужен, чтобы */
/* поведение было схоже с таблицей, */
/* так как внутри */
/* находятся блоки с float:left */
.container { display: table; background: #fff; }
.leftBlock { width:620px; float:left;
padding-right:10px; }
.rightBlock { width:310px; float:left; }
</style>

<div class="container">
<div class="leftBlock">
...
</div>
<div class="rightBlock">
...
</div>
</div>

Экспериментальным путем было установлено: если в левый блок вставить текст, у которого отсутствуют HTML-элементы и количество символов равно четырем тысячам девяносто шести, то правая колонка спадает вниз.
Вас ни на что не наталкивает это число? Ну, например, двенадцатая степень двойки...
Лечится это дело, если поставить .container свойство display: table-cell.

Комментариев нет: