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 :: Версия для печати :: Привязать footer к браузеру
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Привязать footer к браузеру

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

1. sk666 - 24 Декабря, 2009 - 09:35:51 - перейти к сообщению
У меня задача, прижать нижний блок страницы к браузеру, при создании пустого блока сравного высоте футера - появляется прокрутка, а ее не должно быть, если кто знает подскажите, пожалуйста, как это реализовать.
2. valenok - 24 Декабря, 2009 - 12:47:23 - перейти к сообщению
<div style="position:absolute; bottom:0; left:0;">
3. sk666 - 24 Декабря, 2009 - 12:56:00 - перейти к сообщению
valenok пишет:
<div style="position:absolute; bottom:0; left:0;">


Это мне нужно, наверное код выложить, попробую разобраться сам, если не получится уточню, спасибо за ответ
4. sk666 - 24 Декабря, 2009 - 21:47:29 - перейти к сообщению
valenok пишет:
<div style="position:absolute; bottom:0; left:0;">


Сделал, и подвал встал по нижней границе браузера, но прокрутка осталась и под неё уходит фон, вот мой 1й вариант, этот вариант узнал на другом форуме, ваш код вставлял в свойства footer, и убирал блок hfooter - тогда появлялась прокрутка.

.fon{
background-image: url(img/fon.jpg);
background-repeat: repeat;
width: 100%;
height: 100%;
min-height: 100%; /* минимальная высота основного блока с хаком для IE 6.0*/
height:auto !important;
}
.hfooter{ /* это распорка в основном блоке - резервируем место для подвала */
height: 64px; /* высота нашего подвала */
clear: both;
}
.footer{
background-image: url(img/undegr.jpg);
background-repeat: repeat-x;
width: 100%;
height: 64px; /* высота подвала */
margin-top: -64px; /* делаем отрицательный отступ по высоте равный высоте подвала, чтобы четко вписаться в размер экрана */

position:absolute; bottom:0; left:0;
}


<div class="fon">
<div class="hfooter"></div>
</div>
<div class="footer"></div>


Когда вставляю

 

Powered by ExBB FM 1.0 RC1