Нижний колонтитул создает проблему с вертикальной полосой прокрутки

Мне удалось заставить нижний колонтитул перейти к нижней части моей страницы, но по какой-то причине он создал вертикальную полосу прокрутки на моих страницах, чего я не хочу.

Это мой макет страницы на данный момент (HTML):

<div class="wrapper">
    <div class="Header">
    </div>

    <div class="Main">
    </div>

    <div class="Footer">
    </div>
</div>

И это CSS, который идет с этим:

.wrapper
{
    position: relative;
    min-height: 100%;
}

.Header
{
    height: 83px;
    border: 0;
}

.Main
{
    padding-bottom: 100px;
}


.Footer
{
    background: #6a3d98; 
    position: absolute;
    bottom: 0px;
    height: 55px;
    width: 100%;
}

Вот небольшая картинка того, что происходит:

http://i.stack.imgur.com/Kgams.jpg ( Вынужден разместить ссылку, так как не позволяет мне загрузить изображение)

Я хочу, чтобы нижний колонтитул был прикреплен к нижней части страницы, но не создавал полосу прокрутки. Если кто-нибудь знает, как это сделать, пожалуйста, напишите, спасибо.


html css asp.net footer
person EliotE123    schedule 12.05.2014    source источник
comment
@Godninall Спасибо за ответ, кажется, я уже пробовал это. В какой раздел это пойдет?   -  person EliotE123    schedule 12.05.2014
comment
это будет ваша родительская оболочка.   -  person Godinall    schedule 12.05.2014
comment
@Godinall Спасибо, это сработало отлично.   -  person EliotE123    schedule 12.05.2014
comment
с удовольствием. Удачного кодирования.   -  person Godinall    schedule 12.05.2014

Ответы (1)


arrow_upward
2
arrow_downward

Добавьте overflow:hidden в элемент-оболочку.

person Lieven Vandeperre    schedule 12.05.2014