Search code examples
htmlcsspositionfooter

the footer does not remain at the bottom

i desgined a webshop with oscommerce. you can see here

The footer to stick to the bottom, but not fixed. The css is

#footer_wrapper {
    /* position: absolute; */
    bottom: 0;
    clear: both;
    width: 100%;
    height: 400px;
    background-color: #0d0d0d;
    margin: 0;
}

But, when i change position to "absolute" the footer jumping up over the content.

See the example for the product-list.

Whats wrong?

Solution

  • add position in #bodyWrapper position: relative; & padding-bottom to your footer height

    #bodyWrapper{
    padding-bottom: 400px;
    position: relative;
}

    replace this css

    #body {
box-sizing: border-box;
display: table;
height: 100%;
margin: 10px auto;
min-height: 700px;
position: relative;
width: 900px;
}