Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Футер не фиксированной высоты, прижатый к низу страницы
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Футер не фиксированной высоты, прижатый к низу страницы

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

1. Pavelbeginner - 15 Июня, 2012 - 13:14:13 - перейти к сообщению
Способов, как прижать футер к низу экрана много, но все они имеют ограничение - высота футера должна быть фиксированной. А есть ли способ при не фиксированной высоте?
2. DeepVarvar - 15 Июня, 2012 - 13:21:51 - перейти к сообщению
Да - положить враппер с фиксированной высотой, боттом 0 и позишн релатив вниз, а в него вложить меню без указания высоты с боттом 0.
3. Pavelbeginner - 15 Июня, 2012 - 13:51:32 - перейти к сообщению
DeepVarvar пишет:
Да - положить враппер с фиксированной высотой, боттом 0 и позишн релатив вниз, а в него вложить меню без указания высоты с боттом 0.
Что-то не совсем понял. Можно пример, если не сложно?
4. DeepVarvar - 15 Июня, 2012 - 16:19:09 - перейти к сообщению
У меня даже без оберток получилось:
CODE (text):
скопировать код в буфер обмена
  1. #footer {
  2.   position: fixed;
  3.   bottom: 0;
  4.   border: solid 1px #ddd;
  5. }
5. Pavelbeginner - 15 Июня, 2012 - 17:23:47 - перейти к сообщению
DeepVarvar пишет:
У меня даже без оберток получилось:
CODE (text):
скопировать код в буфер обмена
  1. #footer {
  2.   position: fixed;
  3.   bottom: 0;
  4.   border: solid 1px #ddd;
  5. }

Нет... Мне не просто прижать к экрану нужно... Нужно как здесь http://verstka.pro/notes/prizhatyy-k-nizu-futer.html, только, чтобы высота не была фиксированной у футера
6. DeepVarvar - 15 Июня, 2012 - 18:19:03 - перейти к сообщению
Тогда я не понял что нужно.
Посмотрел демо по ссылке. И чем оно от моего примера отличается?
7. join - 16 Июня, 2012 - 05:38:18 - перейти к сообщению
может так:
CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Прижатый к низу футер</title>
  6. </head>
  7. <body>
  8. <style type="text/css">
  9.   html, body {
  10.     height: 100%;
  11.     width: 100%;
  12.     margin: 0px;
  13.     padding: 0px;
  14.     text-align: center;
  15.   }
  16.   .page {
  17.     min-height: 100%;
  18.     height: auto !important;
  19.     height: 100%;
  20.     background: #ddd;
  21.   }
  22.   .wrap {
  23.     padding-bottom: 100px;
  24.     /*height:2000px;*/
  25.   }
  26.   .footer {
  27.     min-height:1px;
  28.     background: #aaa;
  29.      margin-bottom:-15px;
  30.   }
  31. </style>
  32. <div class="page">
  33.   <div class="wrap">Контентная часть страницы</div>
  34. </div>
  35. <div class="footer">FooTER
  36. <div>Французы курят лягушек</div>
  37. <ul style=""><li>Потому что Гурманы</li></ul>
  38. </div>
  39. </body>
  40. </html>

 

Powered by ExBB FM 1.0 RC1