Как опустить/прижать footer-у меня это не footer к низу?

Евгений07

Доброго времени суток подскажите, как опустить/прижать footer-у меня это не footer, а серый блок к низу? на сайте: tend . kiev . ua
4 ответа

Евгений07

В большинстве случаев используют метод Раяна Фэйта. Или его модификации. (Это на мой взгляд наиболее простой и понятный способ.)
html, body {height: 100%;}
 
#wrap {min-height: 100%;}
 
#main {overflow:auto;
    padding-bottom: 180px;}  /* must be same height as the footer */
 
#footer {position: relative;
    margin-top: -180px; /* negative value of footer height */
    height: 180px;
    clear:both;}
Смысл: весь контент кроме футера оборачивается в наружную обертку которой присваивается высота 100%. Футеру задается фиксированная высота и минусовой margin-top, который равен высоте и нужен для того, что бы поднять блок в видимую часть экрана. По второй ссылке более подробно и с хаками для старой оперы и осла.


Евгений07

Подскажите пожалуйста в моем случае чем заменить: wrap main footer ? буду очень благодарен, а то что тон не работает


Евгений07

Подскажите пожалуйста в моем случае чем заменить: wrap main footer ?
Ничем. Я не понимаю, этот код по видимому генерируется чем-то? Или это чистый html? Если второе, то можно конечно добавить обертку, хотя лично я лучше бы все сделал с нуля. Если первое, то забудьте. Без переделки html одними стилями обойтись не получится. Да еще часть стилей находится в html. И вообще, семантика настолько нулевая, что без пол-литра не разберешься.По моему примеру: wrap - это общая обертка, которая включает в себя все, кроме блока, который требуется прижать к низу. footer - это тот самый блок, который мы прижимаем. main - это то, что находится внутри wrap. То есть основной контент, нижняя часть которого должна быть отодвинута на расстояние равное по высоте footer. В вашем коде такого четкого разделения нет.


Евгений07

как сделать с нуля, я думал обойтись можно стилями, попробую еще похимичить)