CSS with fixed header and footer

Question

_______________________________________________
|                                             |
|             Header                          |
|_____________________________________________|
         |                           | 
         |                           |
         |                           |
         |          Content          |
         |                           |
         |                           |
         |                           |
         |                           |         
_______________________________________________
|                                             |
|             Footer                          |
|_____________________________________________|

Hello, I want to make a layout like the idea above. The idea is that if you have little content the footer to stay down there, stuck.

My problems are:

• I can not leave my Header width 100% and leave the footer on the screen when you have little content as it travels
• When using IE, ruins everything

http://jsfiddle.net/mtsys/8Yek8/

Answer 1

What I got the idea from your issue is if you use position:fixed in css for footer and make it bottom:0; it will work. Hope this is helpful.