Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как прибить подвал к нижней части экрана?
 
 автор: antf   (05.06.2014 в 18:08)   письмо автору
 
 

Здравствуйте.
Как прибить подвал к нижней части экрана? Подскажите решение, которым вы пользуетесь. Я знаю, Google выдаст много вариантов.

  Ответить  
 
 автор: moonfox   (06.06.2014 в 07:02)   письмо автору
 
   для: antf   (05.06.2014 в 18:08)
 

.push {
height:100px;
}
.parent {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom:-100px;
}
.footer {
height:100px;
background:#444;
}

<div class="parent">
  <div class="push"></div>
</div>
<div class="footer">
</div>

  Ответить  
 
 автор: KPETuH   (06.06.2014 в 10:27)   письмо автору
 
   для: antf   (05.06.2014 в 18:08)
 

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
footer, .push {
    height: 140px;
}
.wrapper {
    min-height: 100%;
    margin: 0 auto -145px; 
}

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div class="wrapper">
            <section class="main">
            <!--Бла бла бла-->
            </section>
            <div class="push"></div>
        </div>
        <footer>
        </footer>
    </body>
</html>

  Ответить  
 
 автор: antf   (06.06.2014 в 12:21)   письмо автору
 
   для: KPETuH   (06.06.2014 в 10:27)
 

Подошло! Спасибо всем!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования