Using CSS header corrupt table height

[AndrewJJ webforumsuser@macromedia.com]

Hi,
I'm new to style sheets and hating it so far ... but I know the gains ... so can anyone explain what I'm doing wrong :

<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tr>
<td bgcolor="#006600">
<h1>Rules of the Game</h1>
</td>
</tr>
</table>

where h1 is defined as :
H1
{
font-size: 16px;
; font-weight: bold; color: #FFFFFF
}

The problem is that in IE the table height increases as though there was a <br> terminator ... this problem is not present in Dreamweaver's view panel.

My previous line that worked is :

<p><b><font face="Arial" size="3" color="#FFFFFF">Rules of the Game</font></b></p>


Thanks

Andrew

[Murray *TMM*]

Change this -

H1
{
font-size: 16px;
; font-weight: bold; color: #FFFFFF
}


to this -

H1
{
font-size: 16px;
font-weight: bold; color: #FFFFFF
margin-top:2px; margin-bottom:2px;
}

(I removed an extra semicolon)

and see if that helps. You have forgotten about the inherent margin that
many HTML tags have.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
ANSWERS
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"AndrewJJ" <webforumsuser@macromedia.com> wrote in message
news:bo6grq$10t$1@forums.macromedia.com...

> Hi,
> I'm new to style sheets and hating it so far ... but I know the gains ...

so can anyone explain what I'm doing wrong :

>
> <table width="100%" border="0" cellpadding="5" cellspacing="0">
> <tr>
> <td bgcolor="#006600">
> <h1>Rules of the Game</h1>
> </td>
> </tr>
> </table>
>
> where h1 is defined as :
> H1
> {
> font-size: 16px;
> ; font-weight: bold; color: #FFFFFF
> }
>
> The problem is that in IE the table height increases as though there was a

<br> terminator ... this problem is not present in Dreamweaver's view panel.

>
> My previous line that worked is :
>
> <p><b><font face="Arial" size="3" color="#FFFFFF">Rules of the

Game</font></b></p>

>
>
> Thanks
>
> Andrew
>
>
>
>

[AndrewJJ webforumsuser@macromedia.com]

Hi,
Many thanks ... it works ... I wish that I could say of course ! ... but it's all still a little vague yet ...

Andrew :o)

[Murray *TMM*]

Woo Hoo! You're welcome! I'll say it for you - of course it works....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]news://forums.macromedia.com/macromedia.dreamweaver[/url] - THE BEST WAY TO GET
ANSWERS
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.DreamweaverFAQ.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"AndrewJJ" <webforumsuser@macromedia.com> wrote in message
news:bo6mb1$98c$1@forums.macromedia.com...

> Hi,
> Many thanks ... it works ... I wish that I could say of course ! ... but

it's all still a little vague yet ...

>
> Andrew :o)
>
>