Форум Академгородка, Новосибирск > css, footer
Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: css, footer
Форум Академгородка, Новосибирск > Компьютеры и сети > Программирование > WEB-программирование
FeVeR
Проблема такая: пытаюсь сделать так, чтобы footer находился внизу страницы, когда содержания самой страницы не хватает его опустить вниз.
Т.е. хочу страницу height:100% и footer внизу.
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body {
    margin:0;
    padding:0;
    height:100%
}
div#container {
    text-align:left;
    min-height: 100%;
    width:700px;
    margin:0 auto;
    background:#342342
}
div#footer {
    background:#333;
    color:#FFF;
    clear:both;
    width:100%;
    bottom:0px
}
</style>
</head>
<body>
<div id="container">
    <div id="footer">Here it goes the footer</div>
</div>
</body>
</html>
pechenushka
#body { position: relative; }
#container { pading-bottom: 120px; }
#footer { position: absolute: left: 0px; bottom: 0px; width: 100%; height: 120px; }
#container и #footer не вложенные, а рядом должны лежать
FeVeR
спасибо, правда подшаманил еще немного под себя.
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Русская версия IP.Board © 2001-2024 IPS, Inc.