CSS help

P

Paul C

Hi
I posted this problem over a week ago and only partially resolved it.
If you look at the URL http://www.gbwr.co.uk/aboutus.htm in IE the title
text of the page ( just right of the side navigation) the table with the
flag background appears as it should but in Firefox the height is is too
large. I have tried to add a table height attribute but this causes the text
to be clipped in IE7
Do you know of any fix which would resolve this issue
Thankyou
Paul M

Here is the code
Here is the table code
<table width="100%" border="0" cellpadding="8" cellspacing="0"
bordercolor="#FFFFFF" bgcolor="#DD3236" id="headerbackground">
<tr>
<td colspan="3" align="left" valign="top"><p
style="margin-top:0;">About the sport</p></td>
</tr>
</table>

here is the part of the CSS

/* the headerbackground is used to style the page headers ie News, it adds a
flag design to the title bar */

#headerbackground p {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
color: #FFFFFF;
font-style: normal;

}

#headerbackground td {
background-image: url(../PageImages/index/redflagbackground.gif);
background-repeat: no-repeat;
background-color: #DD3236;
padding: 2px 5px 2px 9px;
background-position: center;
}
 
K

Kevin Spencer

There's a paragraph tag in the table cell that doesn't have the
margin-bottom style st, and FireFox is defaulting to 25px. Set the
margin-bottom style of the p tag to 0px and you'll be fine.

BTW, don't use "pt" for anything but font sizes. Use "px" for things like
margins and box sizes.

--
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:
http://www.miradyne.net
 
P

Paul C

Thanks Kevin is this the correct syntax? it works but I thought I'd check

<p style="margin-top:0; margin-bottom:0;">About us<br>
</p></td>
can this be added to the Css sheet to change all the pages or do I have to
change the tables in each page?

Paul M
 
M

Murray

And then don't use points for font sizes either. An inch-based font metric
makes no sense on the web.
 
K

Kevin Spencer

You can add it to an external style sheet, certainly, but unless you qualify
it with a Selector, it will affect ALL p tags. That may not be a problem,
though.

--
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:
http://www.miradyne.net
 

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

Top