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