Fine chrome/safari but in mozilla theres something odd going on

its a repeat background and a gradient div at the top and bottom

1 answer

Jordan 469

One way to go make it stick is to create a div that wraps all of your content (ie a wrapper div):

<div id="wrapper">
Content Here

Then be sure to place your footer div below / outside your wrapper:

<div id="wrapper">
Content Here

<div id="footer">
footer info

And finally define your CSS:

#wrapper{margin:0 auto -50px; min-height: 100%; position:relative; width:960px;}
#footer{clear:both; height:50px; margin:-50px auto 0; position:relative; width:960px;}

Another option would be to use a sticky footer. Which you can find here

Answered about 9 years ago by Jordan