How do I remove the space under the < h1 > tag using CSS in netscape. If I use the below code it works fine in i.e but not in netscape, any ideas why???

Code:-

H1 {
font-family: Arial Black, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #000000;
font-weight: normal;
margin-bottom: 0px;
}

I have 2 style sheets 1 for i.e and another for ns and a browser detection script with works fine.

any help would be great....

thanks...........

 

This site is very useful

http://www.w3schools.com/css/

 

I reckon a detection script and two CSS files is the best option. The two browsers do treat CSS files very differently, as I'm sure you're aware.

 

What I would do is create a class in your CSS called "heading1" or something, then set the font size, face, colour etc you have for h1.

Rather than have:

<h1>This is a heading</h1>

use:

<span class="heading1">This is a heading</span>

That way you get the presentation you require without the associated margins / spacing of the h1 tag.

 

The only thing with that is that a H1 tag would hold more weight than the span tag when being index by certain search engines.

(That was what I was led to believe anyway...)