Здравствуйте.
В верстке я новичек. Помогите разобраться с примером и исправить ошибку.

Хочу сделать таблицу из div-ов: две строки и три столбца.
Для этого для левых и правых ячеек сделал обтекание float:left; и float:right; Центральный div заполняет все оставшееся пространство. Строки разделяются за счет div-объекта со стилем clear:both;

Проблема  с центральным div-ом  для IE6 - он выскакивает, если увеличить текст так, чтобы окончание текста выходило за рамки нижнего правого угла.
В своем примере я увеличил текстовый абзац непропорционально глубоко и сделал длинную строку из "1"



Подскажите, как переписать исходник, чтобы для IE6 в подобной ситуации div не выскакивал , и всё отображалось как в нормальных браузерах ?

Это сообщение отредактировал(а) neosapient - 1.6.2010, 13:48

Присоединённый файл ( Кол-во скачиваний: 3 )
 test.ru.7z 8,66 Kb

Вариант А:

1.  Добавить блоку явное указание ширины (с учётом блочной модели IE6)
2. "Скрыть" переполнение блока по горизонтали



Если вариант "А" не устраивает, тогда вариант Б: "Разрывать" длинную строку или серверным или клиентским скриптом, вставляя в место разрыва

• или пробел
• или "мягкий" перенос (­ ­)
• или тэг <wbr />

Не помогло - блок всё так же "прыгает"

Какой из вариантов "не помогло"? В аттаче рабочий пример.

Присоединённый файл ( Кол-во скачиваний: 2 )
 test.zip 11,02 Kb