Css problem

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 ?
 
J

Joyjit Mukherjee

Hi,

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

Regards
Joyjit
 
J

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
 
C

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
474,431
Messages
2,571,678
Members
48,796
Latest member
Greg L.

Latest Threads

Top