div внизу страницы - PullRequest
Новая
       3

div внизу страницы

0 голосов
/ 07 мая 2010

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

.pageFooter{
    position:absolute;
    bottom:0px;
    width:100%;
    height:25px;
    background:#e6e6e6;
}

Этот стиль хорошо работает, когда в теле страницы нет содержимого. Но когда я заполняю страницу содержимым, скажем, сеткой данных, div перекрывает данные в сетке данных. Какие изменения я должен внести в стиль, чтобы div всегда был внизу. Я использую IE * для просмотра страниц.

Ответы [ 3 ]

1 голос
/ 07 мая 2010

Это может помочь вам http://www.cssstickyfooter.com/

1 голос
/ 07 мая 2010 
body, html {
    height:100%;
    margin-bottom:25px;
}
0 голосов
/ 07 мая 2010

Метод лучший : 

html, body { height: 100%; }

.wrapper {
    min-height: 100%;
    _height: 100%; /* hack for IE6 */
    margin-bottom: -100px; /* height of the footer */
}

.wrapper-inner { padding-bottom: 100px; }

.footer { position: relative; height: 100px; overflow: hidden; }


<body>
<div class="wrapper">
    <div class="wrapper-inner">
        Content
    </div>    
</div>
<div class="footer">
    Footer
</div>
</body>

Doctype должен быть строгим или переходным xhtml.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...