Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 778
  • Last Modified:

Getting a body background to be at the bottom of the page

http://ne3d.cwtclients.co.uk/homepage

In the link above I've set a background using CSS so that the body tag should have a background image center aligned and at the bottom of the page. In IE this is working fine, but in FF it's putting the background at the bottom of the window rather than the bottom of the page. So when you scroll down the background image is in the middle of the page.

Can anyone help resolve this.

I've attached some css
html {
	height: 100%;
	}
 
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/body-bg.png) center bottom no-repeat;	
	font-family: Arial, Helvetica, sans-serif;
	}

Open in new window

0
CreativewithTechnology
Asked:
CreativewithTechnology
1 Solution
 
TheVanterCommented:
remove the:

html {
        height: 100%;
        }

from your css and it works
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now