PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Футер не фиксированной высоты, прижатый к низу страницы

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Pavelbeginner	Отправлено: 15 Июня, 2012 - 13:14:13
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	Способов, как прижать футер к низу экрана много, но все они имеют ограничение - высота футера должна быть фиксированной. А есть ли способ при не фиксированной высоте?

DeepVarvar	Отправлено: 15 Июня, 2012 - 13:21:51
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Да - положить враппер с фиксированной высотой, боттом 0 и позишн релатив вниз, а в него вложить меню без указания высоты с боттом 0. ----- Шта? Репозиторий?

Pavelbeginner	Отправлено: 15 Июня, 2012 - 13:51:32
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	DeepVarvar пишет: Да - положить враппер с фиксированной высотой, боттом 0 и позишн релатив вниз, а в него вложить меню без указания высоты с боттом 0. Что-то не совсем понял. Можно пример, если не сложно?

DeepVarvar	Отправлено: 15 Июня, 2012 - 16:19:09
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	У меня даже без оберток получилось: CODE (text): скопировать код в буфер обмена #footer { position: fixed; bottom: 0; border: solid 1px #ddd; } ----- Шта? Репозиторий?

Pavelbeginner	Отправлено: 15 Июня, 2012 - 17:23:47
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	DeepVarvar пишет: У меня даже без оберток получилось: CODE (text): скопировать код в буфер обмена #footer { position: fixed; bottom: 0; border: solid 1px #ddd; } Нет... Мне не просто прижать к экрану нужно... Нужно как здесь http://verstka.pro/notes/prizhatyy-k-nizu-futer.html, только, чтобы высота не была фиксированной у футера

DeepVarvar	Отправлено: 15 Июня, 2012 - 18:19:03
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Тогда я не понял что нужно. Посмотрел демо по ссылке. И чем оно от моего примера отличается? ----- Шта? Репозиторий?

join	Отправлено: 16 Июня, 2012 - 05:38:18
Гость Покинул форум Сообщений всего: 91 Дата рег-ции: Февр. 2011 Помог: 1 раз(а)	может так: CODE (html): скопировать код в буфер обмена <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Прижатый к низу футер</title> </head> <body> <style type="text/css"> html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: center; } .page { min-height: 100%; height: auto !important; height: 100%; background: #ddd; } .wrap { padding-bottom: 100px; /height:2000px;/ } .footer { min-height:1px; background: #aaa; margin-bottom:-15px; } </style> <div class="page"> <div class="wrap">Контентная часть страницы</div> </div> <div class="footer">FooTER <div>Французы курят лягушек</div> <ul style=""><li>Потому что Гурманы</li></ul> </div> </body> </html> (Отредактировано автором: 16 Июня, 2012 - 06:04:48) ----- - "Holy shit!" -девиз Холливуда - "Hello world " -девиз PhP

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.