Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Первая домашняя страничка

Автор: systemIV 11.4.2011, 01:54

Здравствуйте!
Решил создать свою первую страничку, и понял что не знаю как прижать футер к низу странички. Нужно что бы он не зависел от контента, тоесть если мало контента, то он внизу, если много то появляется полоса прокрутки, но футер должен быть всё равно внизу.
Страничка вот http://www.goo.gl/1zOdf
P.S. Страничка идёт через ридерект, чтобы отследить количество переходов

Автор: Deex42Iv 11.4.2011, 09:05

Вот схема. Все легко, замени, что где надо и будет работать.

Код


<!doctype html>
<html>
<head>
<link href="ftrstyle.css" type="text/css" rel="stylesheet">
<!--[if lte IE 6]>
<link href="ie.css" type="text/css" rel="stylesheet">
<![endif]-->
<title>Прижатый к низу футер</title>
</head>

<body>
    <div id="wrap">
        <div id="main">text</div>
    </div>
    <div id="footer">footer</div>
</body>
</html>

style.css

Код


html {
    height:100%;
}
body {
    height:100%;
    margin:0;
}
#wrap {
    min-height:100%;
    width:750px;
    margin:0 auto -200px;
    background:#6c9;
}
#main {
    padding-bottom:200px;
}
#footer {
    height:200px;
    width:750px;
    margin:auto;
    background:#fca;
}

Для IE (ie.css)

Код


#wrap {
    height:100%;
}

Автор: madini 11.4.2011, 11:19

азы CSS

Автор: systemIV 11.4.2011, 13:52

Цитата(madini @ 11.4.2011, 11:19

)

азы CSS

Учесть что вёрсткой я занимаюсь неделю...)

Автор: Deex42Iv 11.4.2011, 20:37

systemIV, У тебя теперь футер на контент наезжает при маленькой высоте.