Как прижать футер к низу страниц

[lyudistek]

Подскажите, как грамотно прижать футер к низу страницы

Решение:

/catalog/view/theme/default/template/common/footer.tpl

в начале файла вставляем все что жирным

<div class="empty"> </div><!--empty-->

</div>

<div id="footer">

далее правим:

/catalog/view/theme/default/stylesheet/stylesheet.css

добавляем и меняем все что жирным

html {

height:100%;

}

body {

height:100%;

}

#container {

min-height:100%;

height:100%;

height:auto !important;

position:relative;

}

#container .empty {

height:100px;

}

#footer {

position: relative;

margin-top: -100px;

height: 30px;

margin-left: auto;

margin-right: auto;

clear:both;

}

[master]

Решение:

добавляем и меняем все что жирным

? что менять на что, и куда добавлять ?

 

Сделал по вашей инструкции! Все разъехалось

 

Чем более грамотный человек,

тем более безграмотны ответы.

[lyudistek]

? что менять на что, и куда добавлять ?

 

Сделал по вашей инструкции! Все разъехалось

 

Чем более грамотный человек,

тем более безграмотны ответы.

Стандартная тема!!!

 

идем в /catalog/view/theme/default/template/common/footer.tpl

 

в начале файла вставляем

<div class="empty"> </div><!--empty-->

</div>

 

идем в /catalog/view/theme/default/stylesheet/stylesheet.css

 

html {

height:100%;

}

body {

height:100%;

}

#container {

min-height:100%;

height:100%;

height:auto !important;

position:relative;

}

#container .empty {

height:100px;

}

#footer {

position: relative;

margin-top: -100px;

height: 30px;

margin-left: auto;

margin-right: auto;

clear:both;

}

[kakaohaltiger]

Да, действительно после этих манипуляций футер становится резиновым по ширине... а я так понял человек хочет сократить расстояние между футером и центральным блоком страницы по вертикали. Самого этот вопрос интересует...

Имею догадку, что искать нужно где-то заданное значение ХХХ.px в stylesheet.css, прочел весь файл, но к сожалению знаний не хватает найти нужные строки...