Reputation: 2168
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
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
Reputation: 575
Add the following CSS to the footer
position: fixed;
bottom: 0;
width: 100%
Upvotes: 1