VPF::Первая домашняя страничка - Форум программистов

systemIV

Дата 11.4.2011, 01:54 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 28.3.2011

Репутация: нет
Всего: -1

Здравствуйте!
Решил создать свою первую страничку, и понял что не знаю как прижать футер к низу странички. Нужно что бы он не зависел от контента, тоесть если мало контента, то он внизу, если много то появляется полоса прокрутки, но футер должен быть всё равно внизу.
Страничка вот www.systemiv.h16.ru
P.S. Страничка идёт через ридерект, чтобы отследить количество переходов

Это сообщение отредактировал(а) systemIV - 11.4.2011, 02:00

Deex42Iv

Дата 11.4.2011, 09:05 (ссылка)

(нет голосов)

Загрузка ...

Trust No One

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 25.8.2009
Где: Казань

Репутация: нет
Всего: нет

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

Код


<!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%;
}

Это сообщение отредактировал(а) Deex42Iv - 11.4.2011, 09:15

madini

Дата 11.4.2011, 11:19 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 11.4.2011

Репутация: нет
Всего: нет

азы CSS

systemIV

Дата 11.4.2011, 13:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 155
Регистрация: 28.3.2011

Репутация: нет
Всего: -1

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

)

азы CSS

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

Deex42Iv

Дата 11.4.2011, 20:37 (ссылка)

(нет голосов)

Загрузка ...

Trust No One

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 25.8.2009
Где: Казань

Репутация: нет
Всего: нет

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »