позиционирование div внизу страницы и содержание выше

Question

У меня есть следующий CSS, который помещает div внизу страницы.

Q: Как я могу остановить поток контента под ним?

#footer {
    position:fixed;
    bottom:0;
    background:url(../images/bg-footer.jpg) top;
    z-index:200;
    height:34px;
    width:100%;
    line-height:34px;
    padding:0;
    font-size:11px;
    color:#fff;
}

Я не могу добавить отступы к телу или чему-либо еще, потому что у меня полноэкранное фоновое изображение в соответствии с этим уроком:

http://css -tricks.com / how-to-resizeable-background-image /

Answer 1

попробуйте липкий нижний колонтитул

Answer 2

Если вы хотите сохранить содержание выше вашего нижнего колонтитула, вы должны начать с удаления положительного z-index из него.

Answer 3

Если у вас есть нижний колонтитул в качестве конечного div страницы (возможно, завернутый в div полной страницы), попробуйте установить свойство clear в обоих css, например:

ясно: оба;

Что должно предотвратить попадание любых других элементов div ниже нижнего колонтитула.

Answer 4

Вы пробовали использовать: position:absolute; вместо?