Поскольку вам нужна внутренняя прокрутка в нижнем элементе, я предполагаю, что вы хотите, чтобы нижний элемент был плавным как по вертикали (скорее - по размеру окна браузера, а не по содержимому), так и по горизонтали. (Горизонтальная текучесть действительно не имеет большого отношения к какому-либо решению вертикального смещения.) И поскольку это так, ваш заголовок должен иметь заданную высоту. Если нижний div не должен быть вертикальным, вы можете просто установить height на желаемое число и объявить overflow-y:scroll.
Для вертикальной текучести вам нужно будет использовать конфликтующие абсолютные позиции , установив нижний элемент div так, чтобы он начинался чуть ниже того места, где заканчивается верхний элемент div, и опускался до нижней части страницы. По существу:
#bottomDiv {
position: absolute;
top: 100px; /* however tall your top div is */
left: 0;
right: 0;
bottom: 0;
}
Обратите внимание на выражение, которое вам придется использовать для IE6 (изложено в статье, ссылки на которую приведены выше).
Обновление Почему вы не можете изменить .fullContainer? Если это просто в другой таблице стилей, попробуйте в любом случае. Как работает CSS, вы можете переопределить все, что было до него. Итак, если в вашей редактируемой области вы можете добавить правило fullContainer (которое вы должны иметь, если вообще редактируете CSS-файл), вы, скорее всего, можете переопределить этот div, чтобы избавиться от объявлений ширины и высоты ( width:auto и height:auto должны сделать) и аналогичным образом сбросить или переопределить другие вещи (например, overflow:hidden при необходимости).
Другой вариант - попытаться заставить оба желаемых (новых) верхних и нижних делителя использовать position:fixed, но учтите, что в некоторых браузерах фиксированные позиции общеизвестно глючат, и вы, возможно, захотите избежать их как хрупких для разметки. весь ваш сайт.
Обновление 2 Для IE6 вы используете 100% высоты плюс отступы, что означает, что он будет автоматически слишком высоким. В статье я указываю на , ищите «Создание исключения для IE5 и IE6» и используйте эти выражения - если вы не можете поместить их в отдельные таблицы стилей, просто используйте взлом звездой, который вы уже использовали. использование.