Sticky Footer

[dennis_ru]

Вопрос похожна тот, что я ужезадавал, но, по-моему, не совсем.
Вот в чем ео суть:
Сделать так, чтобы:
1. если контента сайта не хватает чтобы он занял весь экран - "растянуть" ео форсировано.
2. если появляется скролл (контента больше чем 1 страница) - то чтобы бэкграунд - растяивался дальше чем 1 экран (т.е. скролили бы, а bg - распространялся)
(см. рисунок)

Вопрос номер 2 решается, видимо, при помощи Faux Columns (высоту контейнеру не задаватьв CSS а бэкграунд задать, тогда, наверное, когда содержимое контейнера - переполнит размер экрана, то bg контейнера - распространится "ниже" при скроле)
Верно?

Как решать вопрос 1?
Есть идея внутри контейнера задать еще один - прозрачный и его высоту выставить 100%.
Тогда, по идее, bg внешнео контейнера будет растягиваться: либо на 100% (если контента мало), либо на длину контента ...

Если долго рассказывать - дайте ссылки если есть почитать. Или внимательнее перечитать Faux Colmns?

[Aykroyd]

Originally posted by dennis_ru@Apr 19 2007, 01:43
1. если контента сайта не хватает чтобы он занял весь экран - "растянуть" ео форсировано.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Это как понимать? Буквы по высоте растянуть? Межстрочный интервал растянуть? Или может быть, если выражаться по-русски, просто футер прилепить к низу окна браузера?

Originally posted by dennis_ru@Apr 19 2007, 01:43
2. если появляется скролл (контента больше чем 1 страница) - то чтобы бэкграунд - растяивался дальше чем 1 экран (т.е. скролили бы, а bg - распространялся)
(см. рисунок)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
А он и так будет распространяться.

Originally posted by dennis_ru@Apr 19 2007, 01:43
Есть идея внутри контейнера задать еще один - прозрачный и его высоту выставить 100%.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не надо внутри ничему выставлять высоту в 100%.
Высота в 100% должна быть задана только вот в этих местах:

html {height: 100%;}
body {min-height: 100%;}
* html body {height: 100%;}

[Только зарегистрированные пользователи могут видеть ссылки. ].