Teilmann
Teilmann

Reputation: 2168

Absolute position and overflow property

I an making this page, which have a sticky footer.

The content div, is going through the sticky footer, and because of the absolute positioning I cant make overflow:hidden; work properly.

Can anyone help me ?

Please no comments on the design :P not my cup of tea either.

Link to site | Link to jsfiddle example

Upvotes: 0

Views: 101

Answers (2)

Simon Arnold
Simon Arnold

Reputation: 16177

First, put your #footer in your #wrapper.

#wrapper {
    min-height: 100%;
    overflow-y: hidden;
}
#footer {
    position: absolute; 
    bottom: 0;
    z-index: 1;
}
#main {
   z-index: 0;
} 

Upvotes: 0

westo
westo

Reputation: 575

Add the following CSS to the footer

position: fixed;
bottom: 0;
width: 100%

Upvotes: 1

Related Questions