IE 7 table colapse problem

  • Thread starter Thread starter Paul C
  • Start date Start date
P

Paul C

Hi when I veiw this page on IE6 for windows the title bar which is just
under the the main banner image right of the left navigation displayes the
name of the page in white writing "About the Sport" but in IE7 it collapses
into a thinner red line and clips the white writing.
Paul M
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;
height: 10px;

}


#headerbackground td {
background-image: url(../PageImages/index/redflagbackground.gif);
background-repeat: no-repeat;
background-color: #DD3236;
padding: 2px 5px 2px 9px;
background-position: center;
height: 10px;
}
 
Thanks
I did this and it does the trick in IE but in Firefox the table height
becomes large. Any suggestions
Paul M
 
Given the code
<td colspan="3" align="left" valign="top">
<p style="margin-top:0;">About us<br>
</p></td>

I would say that FireFox has it right, and IE is wrong.

Remove the <br> which should start a new line (and does in FireFox).
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
 
Back
Top