Опять вопрос по футеру

[irus7777]

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

Проблема в следующем, необходимо прижать футер к низу страницы, соответственно чтобы при масштабировании страница не изменялась. И при разных разрешениях монитора принимала один и тот же вид. Использую шаблон velvet sky. Я так понимаю необходимо отредактировать footer.tpl и global.css. Можете доступно объяснить по шагам, что и где редактировать. Спасибо.

[Melafon]

Скиньте домен магазина в ЛС, посмотрю

[irus7777]

Дело в том, что я его пока тестирую на denwer.

[Melafon]

попробуй в css там где #footer добавить строчку clear: both;

 

вот код с моего сайта, футер прижат, раньше тоже искал решение

 

 

 

#footer {

• border-top: 1px solid #C9E1F4;
  
• background-color: black;
  
• padding: 20px 0px;
  
• clear: both;
  
• text-align: center;
  

[irus7777]

У меня стоит

#footer{

background: url('../img/vs-footer.png') repeat-x scroll 0 top transparent;padding: 0.5em 0;

clear: both;

}

Я его менял и в footer.tpl пробывал прописывать различные решения, как говорят на форумах, но при масштабировании или же с другого монитора одна фигня. На широкоформатных вообще в середине экрана.

[Kerm]

В низ центрального контейнера вставляем див блок равный высоте футеру, после центрального контента вставляем футер со свойством margin-top:-высота футура.px;, примерно так:

 

<div id="center_content">

.......

<div style="width:100%;height:200px"></div>

</div>

<div id="footer" style="width:100%;height:200px;margin-top:-200px"></div>

 

[irus7777]

Получается мне надо вставить этот код в header.tpl, потом в footer.tpl? а как быть с global.css?

[Kerm]

Получается Вам нужно нанять хорошего верстальщика...