Css problem

[Lloyd Dupont]

I have the following Css
#master_header
{
background: #ffdead;
width:100%;
margin: 0;
padding:0;
}
and when I display a top banner like that:

<div id="master_header">
<h1>header here</h1>
</div>

while It runs fine on IE, both FireFox and Opera gives me an uncompressible
white band below it. why is it so ?

[Joyjit Mukherjee]

Hi,

check whther those browsers support HTML 4.0 because, CSS requires that.

Regards
Joyjit

"Lloyd Dupont" <[e-mail]> wrote in message
news:e$**************@tk2msftngp13.phx.gbl...

I have the following Css
#master_header
{
background: #ffdead;
width:100%;
margin: 0;
padding:0;
}
and when I display a top banner like that:

<div id="master_header">
<h1>header here</h1>
</div>

while It runs fine on IE, both FireFox and Opera gives me an uncompressible white band below it. why is it so ?

[Jim Corey]

Lloyd,

If you don't have it yet, you'll need a section
in web.config that will identify other browsers.

google this group for 'browsercaps'

HTH,
Jim

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

[Colin Young]

Could it be because H1 is a block element? Does this fix it:

<h1 style="display: inline">header here</h1>

?

Another option would be to apply the master_header to the headline:

<h1 id="master_header">header here</h1>

And ignore the comment about FireFox or Opera being somehow less CSS capable
than IE. The problem here is that IE is interpreting the CSS differently
than the other 2 browsers, both of which do a superior job of implementing
the CSS specs (not that IE does a terrible job, it's just been a while since
it was updated and while it gets most things right, there are always a few
obscure bits that always seem to mess up your carefully crafted styles).

As an aside, I don't think this is an ASP.Net issue.

Colin

"Lloyd Dupont" <[e-mail]> wrote in message
news:e$**************@tk2msftngp13.phx.gbl...

I have the following Css
#master_header
{
background: #ffdead;
width:100%;
margin: 0;
padding:0;
}
and when I display a top banner like that:

<div id="master_header">
<h1>header here</h1>
</div>

while It runs fine on IE, both FireFox and Opera gives me an uncompressible white band below it. why is it so ?