Solved

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

Posted on 2008-06-18
1
729 Views
Last Modified: 2012-06-21
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
Comment
1 Comment
 
LVL 2

Accepted Solution

by:
TheVanter earned 500 total points
Comment Utility
remove the:

html {
        height: 100%;
        }

from your css and it works
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

"I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now