Css problem

  • Thread starter Thread starter Lloyd Dupont
  • Start date Start date
L

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 ?
 
Hi,

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

Regards
Joyjit
 
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
 
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
 
Back
Top