Problems using CSS in IE6

[ozeeo]

Hello all,
i am making a page in front page and using CSS to style it. But i am
runnigng into some problems with spaces between lets say H1, H2, P.
This is defined in my css as following:

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #00d0ff;
line-height: normal;
text-align: left;
height: normal;
height: 20px; << this being the space between them
font-weight: bold;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4C72C0;
line-height: normal;
text-align: left;
height: 10px;
font-weight: bold;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #14288b;
line-height: 16px;
height: normal;
}

However when i use IE6, the space between H2 and P is far more than
what it is defined. But when i open the same page in FireFox i see the
page correctly.
I know there are issues with CSS accross various platforms but i am
quite new to this and would appricate some help! any ideas?

Here is a screenshot for clearity: http://www.anvarian.biz/tempscreen.gif

Regards
Zeey

 

[Ronx]

height: normal and line-height:normal are both CSS invalid attributes.
Valid values for height and line-height are measurements (pixels, ems
etc.), or %, or auto or inherit

To adjust the gap between paragraphs and headings use the top and bottom
margin.

For your <h1> tag, for example:
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #00d0ff;
text-align: left;
margin-top: 20px; /* this being the space between them */
margin-bottom: 20px; /* this being the space between them */
font-weight: bold;
}

Do similar for the paragraphs.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp

FrontPage Support: http://www.frontpagemvps.com/