table + div

[desperado]

Здравствуйте.

У меня такая ситуация.

Страница с двумя div-ами. Пример оформления макета - "Фиксированная ширина, навигация слева".

Один - левая колонка (внутри таблица - список объектов).

Второй - основная колонка (внутри таблица с данными по выбранному объекту).

#navcol { float: left; width: 300px}
#maincol { margin-left: 310px}

в IE8 когда таблица с данными шире чем окно вся таблица "падает" ниже <div id='navcol'>

в FF - все гуд (слева список объектов, справа таблица с данными + скролл-бар)

Сделал border: 2px solid red для maincol - обнаружена такая ситуация:

в IE <div id='maincol'> растягивается на всю ширину таблицы, в FF ширина <div id='maincol'> по краю ширины окна, а таблица вылазит за границу div.

Меня устраивает ситуация как отображает FF. Как мне добиться такого же эффекта и в IE? (что бы "не падала" таблица с данными при превышении ширины окна)

[sympler]

раз уж у тебя фиксированная ширина: то задай основной колонке фиксированную высоту и падать не будет.

плюс флоат добавь для надежности

#maincol { margin-left: 310px; width: 500px; float:right;}

[desperado]

раз уж у тебя фиксированная ширина: то задай основной колонке фиксированную высоту и падать не будет.

плюс флоат добавь для надежности

#maincol { margin-left: 310px; width: 500px; float:right;}

наверное ошибка - то задай основной колонке фиксированную высоту - width: 500px

я так думаю нужно понимать как "то задай основной колонке фиксированную ширину"????

если честно, то лажа какая-то получилась

основной блок уехал вправо и "упал" ниже левого

Edited December 6, 2011 by desperado

[desperado]

решил вопрос добавлением position: absolute; left: 10px; в #navcol