Перейти к содержанию
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;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Решение:

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

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

 

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

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

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

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

 

идем в /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;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.