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

http://www.iamjpg.com/done

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

1 answer

Jordan 469
0
points

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
</div><!--//wrapper//-->

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

<div id="wrapper">
Content Here
</div><!--//wrapper//-->

<div id="footer">
footer info
</div><!--//footer//-->

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