954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

full height body css issue firefox 3.5

I have been developing a site in Firefox 3.6, and when viewed in 3.5 today I noticed that the following CSS was not working as it should:

html, body {
	background: #E5FFCF;
	min-height:100%; /* needed for container min-height */
	height: 100%;
	font-size: 90%;	
}

body.theme_layout_three {
	background: #E5FFCF url(../images/bg-center-470.gif) top center repeat-y;
}


On certain pages, my tag has a class of theme_layout_three indicating that it should get a certain background image.

In FF 3.6 and IE (6, 7, 8 tested), the background extends the full height of the browser window (as I believe it should since this is a body tag). However, in FF 3.5 the background is stopping at the bottom of the content.

Is there something I am doing wrong here? Spent hours debugging this project for IE6 (of course) and now I'm stuck on little glitch in FF.

Thanks.

tustind
Newbie Poster
16 posts since Dec 2009
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: