Здравствуйте!
продолжаю осваивать современую верстку.
Схематично набросаю новую сложившуюся проблему. На странице всегда существуют поля слева и права, залитые повторяющимся фоном. Центр страницы (т.е. вся информативная часть, что без полей) тоже залит фоном, другим уже, и всегда слева понизу лежит большой перец (bottom left) тоже фоном поверху, естественно уже не повторяющимся. Изображение описанного к теме прикрепила. Получается, что в центральной части надо один фон наслаивать на другой. Я сделала так (возможно не правильно) в один div с повторяющимся фоном вложила другой с неповторяющимся (т.е. с перцем). Проблемы возникли в следующем. Сайт должен резиниться. Если информации не хватает на все 100% height'а значит полосы прокрутки нет, но нижний фон центра расстилается на все 100% (т.е. див all занимают всю высоту экрана), а сверху на нем лежит перец целиком, тоже фоном со свойствами left bottom no-repeat (т.е. его "перченый" див pepperdwn тоже занимает все 100%). Для этого в коде пишу так:

файл со стилями

Все получается корректно в FF, Опере и Эксплорере.
Но если вдруг во внутреннее содержимое блока pepperdwn занести информации больше чем 100%, то корректно желаемое отображать станет только IE. FF и Опера никакой из блоков (ни блок pepperdwn, ни блок all) не вытянет больше на столько, насколько нужно, а просто спустит слишком большую внутренность блока pepperdwn дальше вниз прямо поверх фона body  
Первая мысль возникла убрать height: 100% у блоков, убирала и все сразу, и поочереди, в результате получала разные результаты при разном количестве внутренности блока pepperdwn (больше 100% и меньше 100%), но требуемого результата (растяжение блоков all и pepperdwn  до необходимой высоты, но не меньше 100% для обоих блоков сразу) во всех трех браузерах не достигла   
Подозреваю, что существует решение проблемы, и возможно принципиально другое, но какое? или в существующем решении что-то еще надо подправить, чтоб все заработало? это не важно, рассмотрю любые средства решения проблемы средствами XHTML 1.0, заодно и научусь  

Это сообщение отредактировал(а) yalo - 28.11.2006, 14:29

Присоединённый файл ( Кол-во скачиваний: 18 )
 primer.jpg 43,77 Kb

yalo, к сожалению, по станадарту процентную высоту можно задавать только относительно фиксированной высоты (напр. тех же height:100%), но не от (min-height: 100%; height: auto;). Так что если бы не было фона у #all, или он был бы однотонным - еще можно было бы выкрутиться, задав соотв. фоновый цвет для #pepperdwn и присваивая ему 100%-ную высоту только в IE (через хаки и т.п.), но два фона так уже не растянуть в принципе.

Посмотрите вот это обсуждение - там хотя вначале автора и пытались сбить с толку, но в конце он все же добился чего-то похожего на то, что нужно Вам) 

Спасибо, SelenIT, за помощь, но ..не получилось у меня разобраться с примером, который Вы мне указали, возможно по причине моих еще слабых знаний верстки в дивах, а возможно еще и потому, что все ссылки, на которые указывают участники обсуждения той темы http://xpoint.ru/forums/internet/html_css/...ead/38456.xhtml уже не действуют, кроме той которая повидимому Ваша (автор Илья Cтpeльцын aka SelenIT), с ней проковырялась, но так ничего не расковыряла..  
все равно спасибо за помощь и участие 

yalo, там основная идея - делается один контейнер c min-height: 100%; height: auto; _height: 100% (условно, высоту только для IE можно задать любым хаком, лучше всего - отдельной таблицей стилей в условном комментарии) и фоном. За ним отдельным блоком идет "подвал", который накладывается на этот контейнер благодаря отрицательным margin-ам. А основной контент (текст и т.п.) располагается внутри контейнера в отдельном блоке с position:relative, благодаря чему он оказывается поверх "подвала". По крайней мере, по-другому решить задачу у меня самого не получилось, но этот способ действует во всех актуальных браузерах. Конечно, тот пример на XPoint'е не так нагляден без картинок (сегодня нарисую и выложу свои, чтобы восстановить порядок), но общая структура там простая и, по-моему, вполне самодокументрированая...

SelenIT, наконец-то разобралась  с твоим конструктивным предложением, все руки не доходили..
вроде работает, спасибо