+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Как закрепить футер внизу экрана
GoДата: Четверг, 22.05.2014, 19:00 | Сообщение # 1
Сержант
Группа: Проверенные
Сообщений: 32
Награды: 0
Репутация: 0
Статус: Offline
Код
<!DOCTYPE html><html><head><style>*{padding:0;margin:0;}body{background:#f0f0f0;}.wrapper, .footer-content{width:1000px;}.wrapper{  margin:0 auto 70px;  background:#fff;  height:1000px;}.footer{  position:fixed;  top:100%;  left:0;  width:100%;  height:50px;  margin-top:-50px;  background:#444;}.footer-content{  margin:0 auto;  text-align:center;  color:#fff;  line-height:50px;}</style></head><body><div class="wrapper">   тут ваш контент
</div><div class="footer">   <div class="footer-content">      тут футер
     </div></div></body></html>


Оформление сделал для наглядности видимости блоков.

С уважением,
Олег Александрович a.k.a. Sander

Источник: SanDev.pro
 
  • Страница 1 из 1
  • 1
Поиск: