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;
}

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

"Paul C" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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;
> }
>
>

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

"Kevin Spencer" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
>
> "Paul C" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> 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;
>> }
>>
>>
>
>

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

--
Murray
--------------
MVP FrontPage


"Kevin Spencer" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
>
> "Paul C" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> 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;
>> }
>>
>>
>
>

Thanks Guys Problem Solved
Paul M
"Murray" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> And then don't use points for font sizes either. An inch-based font
> metric makes no sense on the web.
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "Kevin Spencer" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> 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
>>
>> "Paul C" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> 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;
>>> }
>>>
>>>
>>
>>
>
>

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

"Paul C" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> 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
>
> "Kevin Spencer" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>> 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
>>
>> "Paul C" <(E-Mail Removed)> wrote in message
>> news:(E-Mail Removed)...
>>> 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;
>>> }
>>>
>>>
>>
>>
>
>