Footer goes below browser window

[pookeyblow]

At the moment I'm working on my portfolio website.

I have some issues I don't know how to fix and I thought maybe someone on here would know how to fix it

Please check out my site: http://bit.ly/USkeJ3

1: When I enter the portfolio, It looks like this. Why is the footer below the browser window? and how do I get the footer to fill the entire page width?


2: This is when you click on a project and scroll down to the thumbnails. How do I prevent the footer from crashing with the thumbnails?


CSS: http://bit.ly/VZ0LbS

Any help is appreciated!

[pookeyblow]

I actually want the footer to be below the browser window, but only when content above is pushing it down. Right now there are not many thumbnails on the site so I'm just wondering why this is happening...

[vijayrajesh]

Hi,

I see that the footer is in "absolute" position. So, IMO, i suggest you to add padding-bottom: 100px to the #content_container.

Best Regards

[pookeyblow]

Hi,

I tried that but it doesn't seem to work.

Does anyone know what I need to do to fix it?

[molendijk]

If you are happy with a fixed footer, this will do it:
<!-- You may change all styles in the footer div except 'position: fixed' and 'bottom: 0px' -->

<div id="footer" style="position: fixed; left: 0px; right: 0px; bottom:0px; background: darkred; color: white; text-align: center; font-family: verdana; font-size: 12px; ">I'm a footer<br>Yes I am</div>