Форум XHTML.ru <!-- по-русски -->

Сайты - по стандартам, но не стандартные сайты!


#1 23.08.2010 18:36

BrokenEye
Новичок
Зарегистрирован: 23.08.2010
Сообщений: 1

Опять про div height 100%, но есть нюанс :)

Всем привет.

Ситуация привычна.

Код:

  <body style="height:100%;">
    <div id="header"></div> - фиксированной высоты. К примеру 100px
    <div id="content"></div> - занимает всю оставшуюся высоту, т.е. высоту рабочей области за вычетом высоты верхнего блока.
  </body>

1) <body> никогда не должен скролится.
2) Данные (например список в виде таблицы) содержаться в <div id="content">. Скролится именно этот блок.
3) Нюанс(!). <div id="header"> - может и отсутствовать (к примеру если он содержит контент недоступный некоторым пользователям). Если этот блок отсутствует, то <div id="content"> расширяется кверху.

Мне не понятно как решить вопрос из 2-го пункта, при этом задавая высоту блока в процентах, чтобы он одинаково выглядел на разных разрешениях.
Тем более ума не приложу как при этом учесть еще и 3-й пункт.

Найдется ли мастер div верстки, что прольет свет на вопрос? smile

На самом деле меня сейчас удовлетворил бы и вариант с табличной версткой.

Заранее благодарен за ответы.

Отредактированно BrokenEye (24.08.2010 17:45)

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson