Jump to content

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

 

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

 

 

 

#footer {

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

Share this post


Link to post
Share on other sites

У меня стоит

#footer{

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

clear: both;

}

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

Share this post


Link to post
Share on other sites

В низ центрального контейнера вставляем див блок равный высоте футеру, после центрального контента вставляем футер со свойством 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>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More