Member Avatar for tustind
tustind 0 Newbie Poster

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 <body> 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.

Edited by tustind because: n/a
  • 1 Contributor
  • 0 Replies
  • 107 Views
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.