Настройте нижний колонтитул в зависимости от содержимого - PullRequest
Новая
       6

Настройте нижний колонтитул в зависимости от содержимого

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

Я использую этот сайт.

Цель:
Я хочу переместить нижний колонтитул в зависимости от содержимого каждой страницы.

1) Если есть больше контента, то я хочу поставить нижний колонтитул после контента.
2) Я хочу зафиксировать нижний колонтитул в нижней части экрана, если такого контента нетна следующем рисунке

альтернативный текст http://www.freeimagehosting.net/uploads/e893eac88b.png

Мой существующий CSS:

В настоящее время я использую свойство min-height в #content для сохранениянижний колонтитул в нижней части.

#footer_outer{
    width:100%;
    background:#444;
    padding:10px 0 0 0;
    margin-top:50px;
    height: 130px;
}

#footer {
    margin:0 auto;
    width:834px;
    height:auto;
    overflow:hidden;
}

#content {
    padding:5px;
    margin:0 auto;
    width:890px;
    height:auto;
    min-height:450px;
}

body {
    font-family:'Helvetica Neue', helvetica, arial, sans-serif;
    color:#757575;
    font-size:14px;
    padding:0;
    margin:0;
    background:#FAFAFA;
}

Пожалуйста, помогите мне в достижении моей цели.Большое спасибо заранее.

С уважением, Vaths

1 Ответ

1 голос
/ 25 июня 2010

1.Используйте div с фиксированной позицией

http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx

Измените CSS на 

#footer {
    margin:0 auto;
    width:834px;
    height:auto;
    overflow:hidden;
    position: fixed;
    bottom: 0px;
}

2.Как сохранить нижние колонтитулы внизу страницы

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

...