Как прижать «футер» к низу окна браузера? / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как прижать «футер» к низу окна браузера?

3 сообщений из 3, страница 1 из 1

Как прижать «футер» к низу окна браузера?

#34624421

Berkut

Участник

Откуда: Karelia

Сообщения: 1 571

Рейтинг: 0 / 0

Привет!

Собственно сабж.
Пробовал вот так

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.

<html>
<head>
<style type="text/css">
#footer {
  position:absolute;
  bottom:10px;
  width: 90 %;
  border-top:1px solid;
  padding:5px;
}

#copyright {
  text-align:center;
}
</style>
</head>
<body>
Smth. text;

<div id="footer">
    <p id="copyright">© Company  2007 </p>
<div>
</body>
</html>

Когда окно становится скроллируемым, то слой футера наезжает на текст и к низу не прилепляется.

...

Рейтинг:

0 / 0

27.06.2007, 18:36

| Ответить | Цитировать | Написать

Как прижать «футер» к низу окна браузера?

#34624507

Alex_BBB

Участник

Сообщения: 1 209

Рейтинг: 0 / 0

Вот тут велось обсуждение твоего вопроса:
http://joomlaforum.ru/index.php/topic,1672.msg82431.html#msg82431

и предложены два варианта

...

Рейтинг:

0 / 0

27.06.2007, 19:08

| Ответить | Цитировать | Написать

Как прижать «футер» к низу окна браузера?

#34911751

*vmr

Гость

Более простой вариант - создать таблицу с height=100%, а нижняя строка и есть футер
(пример страницы корректно отображающей футер, без "наездов" и скрулбаров: полная и " укороченная " страница)

Недостатком(сомнительным) является только то что это не xhtml страница

...

Рейтинг:

0 / 0

02.11.2007, 00:41

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как прижать «футер» к низу окна браузера?

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&gotonew=1&tid=1457431]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	156ms
get topic data:	12ms
get first new msg:	8ms
get forum data:	2ms
get page messages:	48ms
get tp. blocked users:	2ms
others:	246ms

total:	507ms