Jump to content
  • 0

Непонятная область между контентом и футером


Vensdale
 Share

Question

Сделал шаблон в Artisteer 3.1. Из-за малого объема контента возникла необходимость прикрепить футер к нижней границе окна браузера. Воспользовался данным способом. Однако возникла проблема. Футер отрисовывается где положено, но между ним и контентом появилась непонятная область плюс добавилась вертикальная полоса прокрутки.

Область отмечена красной рамкой

267bceddc4b2.jpg

Здесь шаблон в действии.

Не могу найти откуда ноги растут у этого зазора. Вроде везде height: 100%. Может кто из профессионалов подскажет.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Ну, скролл лечится увеличением отрицательного маржина до -51пк.

А вот отступы и тд... Ууу.. не охота лезть. Очень много всяких разных оберток не совсем понятных. К примеру. Зачем вам "div.art-page-background-middle-texture" если эти стили можно на "div#sticky_footer" и так далее.. лишнее нагромождение ни к чему хорошему не приведет

Link to comment
Share on other sites

  • 0

Спасибо за ответ. Да, очень много оберток. Дело в том что с нуля я сам такой шаблон пока не в состоянии написать, поэтому пришлось воспользоваться вобщемто неплохой программой для создания тем под Drupal, Wordpress и тд. - Artisteer 3.1. А она естественно генерирует кучу не совсем ясного кода. :(

Буду копать дальше.

Link to comment
Share on other sites

  • 0

Ничего сложного, вникайте)


<div id="wrapper">
<div class="w1">
some
</div>
</div>
<div id="footer"></div>


html,
body{height:100%;}
#wrapper{min-height:100%;}
.w1{padding-bottom:50px; /* высота футера */}
/* По сути блоком .w1 тоже можно пренебречь, если поставить этот нижний отступ на какой-то из внутренних блоков, которые граничат с футером */
#footer{
height:50px;
margin-top:-50px; /* высота футера */
position:relative;
width:100%;
}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy