Footer always at bottom unless website size > Browser Window

Question

4.00/5 (1 vote)

See more:

, +

Maybe you guys can help me.

http://www.3dmark.com/hall-of-fame/3dmark-11-top-20-performance-preset/[^][^]

If you go to the website, you will notice the footer is always at the bottom, UNLESS you re-size your browser so small that a scroll bar is created.

I have a footer that is width @ 100%, and looks like the one on that website, and i would love to have a similar function.

I have tried a few things, but i just can not get it to work. I am using JQuery, so if you guys think it is easier using that, go ahead.

I bet its small, but i just do not know it.

Thanks in advance.

Posted 21-Jul-11 18:14pm

thexcodec

Updated 21-Jul-11 18:16pm

v2

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2011-07-21T18:46:00

Solution 1

Yes, pretty simple and interesting. It looks like the styles for this part of the page are defined here: http://www.3dmark.com/wp-content/themes/3dmark11/orb/styles/orb.css[^].

Download this file with the source code of the page you reference and see how it works.

—SA

Posted 21-Jul-11 18:46pm

Sergey Alexandrovich Kryukov

Footer always at bottom unless website size > Browser Window

1 solution

Solution 1

Add your solution here

Preview 0

Footer always at bottom unless website size > Browser Window

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us