Я пытаюсь создать HTML-страницу со следующими требованиями:
- элемент с фиксированным заголовком (
headerBox) и нижний колонтитул (footerBox) (не следует прокручивать) - область содержимого содержит верхний (ширина 100%,
contentBoxMap) элемент, который можно развернуть по всей области содержимого - левый (
contentBoxLeft) и правый (contentBoxRight) элемент содержимогопод верхним элементом содержимого (contentBoxMap) - правый элемент содержимого (
contentBoxRight) должен развернуться вниз и прокручиваться при переполнении.
Я пришелс решением [jsbin], которое почти работает.Проблема заключается в некотором переполнении в правом элементе содержимого, который течет под нижним колонтитулом.В качестве примера см. Следующее изображение: альтернативный текст http://img541.imageshack.us/img541/897/screenshot150206.png
Вопрос:
Может кто-нибудь сказать мне, как решить проблему переполнения вcontentBoxRight?Я также рад, что вы можете сказать мне, в чем проблема с моим текущим решением.
Это даже хороший подход, учитывая совместимость браузера?Наконец, он должен выглядеть одинаково на IE 7+, FF 3+, Safari 3+.IE6 и Opera должны выглядеть хорошо, но это не имеет значения, если они отличаются abit.
Спасибо за любые подсказки.