100% height, background colors, and Mozilla

#1

Hi All,
I am using a div with a 100% height (within a document with body with body
and html set to 100% too) as a method of getting some colored bars down the
side. This seems to work just fine in IE and mostly fine in Mozilla but
there's a hitch. Mozilla isn't doing the background for #content elements
below the fold. Anything below the first screen full has the background from
the body and not #content.

I'm coming up short in ways I can get around this. Anyone have any ideas?

html, body {
height: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
background: #95C8FF;
}

#content {
height: 100%;
background: #fff;
}

....
<body>
<div id="content">Stuff with white background</div>
</body>
....

Matt.

#2

In article <0nTtb.138$hX1.3385 (AT) news (DOT) optus.net.au>,
"M2" <m2 (AT) nowhere (DOT) com> wrote:

Quote:

I am using a div with a 100% height (within a document with body with body
and html set to 100% too) as a method of getting some colored bars down the
side. This seems to work just fine in IE and mostly fine in Mozilla but
there's a hitch.

Mozilla does this differently in the quirks and standards modes. The
behavior in the standards mode is believed to be correct. Which mode are
you using?

--
Henri Sivonen
hsivonen (AT) iki (DOT) fi
http://iki.fi/hsivonen/
Mozilla Web Author FAQ: http://mozilla.org/docs/web-developer/faq.html

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

100% height, background colors, and Mozilla

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)

100% height, background colors, and Mozilla - 11-16-2003 , 05:03 PM

Re: 100% height, background colors, and Mozilla - 11-18-2003 , 11:27 AM