CSS якорь div для ног страницы - PullRequest
Новая
       4

CSS якорь div для ног страницы

3 голосов
/ 18 июня 2010

Я могу отскочить от стены к голове, я не могу поверить, что что-то настолько глупое, как это полностью победило меня ... поэтому я обращаюсь к вам, Переполнение стека ... для руководства и просветления.

Проблема: Сидите div у подножья страницы, ширина 100%, вне всякой обертки.
Предлагаемое решение: http://ryanfait.com/sticky-footer/

Реализация с содержанием: http://www.weleasewodewick.com/redesign/index_content.html Реализация без содержания: http://www.weleasewodewick.com/redesign/index.html

с содержанием -> Хорошо, хорошо работает
Нет содержимого = плохо, нижний колонтитул расположен точно на высоту нижнего колонтитула ниже области просмотра.

Я бы очень признателен за ваш вклад в это, это меня полностью разозлило за прошедший час. Я полностью ожидаю некоторую форму насмешек:)

Уточнение: Нижний колонтитул должен быть прикреплен к нижней части области просмотра, если для заполнения страницы недостаточно содержимого. Он должен переместиться за пределы нижней части области просмотра, если имеется достаточно содержимого.

Спасибо!
* 1026 пьяным *

Ответы [ 2 ]

5 голосов
/ 18 июня 2010

Я думаю, что это, вероятно, то, что вы ищете:

http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/

2 голосов
/ 18 июня 2010

Извините, если я неправильно интерпретировал вопрос, но вы говорите о размещении нижнего колонтитула внизу страницы?

Попробуйте это: 

#footer {
   width: 100%;
   height: 150px;  
   position: fixed; 
   bottom: 0px; 
   left: 0px; 
}

Если вы хотитенижний колонтитул, чтобы остаться в одном месте, измените атрибут position на absolute.

...