Cross Browser Issue

[redstripe]

Its more than likely it would seem that im going to have to look heavily into CSS. But in the meantime is there a quick fix for three issues on my site that is a problem in firefox and ok IE.

Firstly i use a grey pixel gif with height percentage to a table so that if the length gets longer the margins it creates get longer etc. But in FF it doesnt work !

Two grey vertical lines are on here http://www.upthesaints.com/default.asp

code is <td width="1" rowspan="4"><img src="allImages/indexImages/greyPixel.gif" width="1" height="100%" vspace="4"></td>

Secondly on most pages i have a page title gif built into a table which goes across the page.

Looks like this when working in IE below menu

http://www.upthesaints.com/goalscorers.asp

and code is <td height="5" bgcolor="cc0000" width="761">&nbsp;</td>

finally on the bottom of each page i have a table which has white border around it. But in FF it doesnt work or even looks black ?

<table width="772" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" style="margin-top:2px; margin-bottom:10px;">
<tr>
<td height="50" bgcolor="#CC0000" style="padding-top:5px; padding-bottom:5px">
<div align="center"class="bottomLinks"><a href="../" class="bottomLinks">HOME</a>
| <a href="http://www.saintstalk.co.uk" target="_blank" class="bottomLinks">FANS FORUM</a>
| <a href="../historyIndex.asp" class="bottomLinks">HISTORY</a> | <a href="../seasonresults200607.asp" class="bottomLinks">SEASON</a>
| <a href="../linksIndex.asp" class="bottomLinks">LINKS</a> | <a href="../stadiumIndex.asp" class="bottomLinks">
STADIUM</a> | <a href="../shop.asp" class="bottomLinks">SHOP</a> |
<a href="mailto:admin@upthesaints.com" class="bottomLinks">CONTACT</a> <br>
<span class="bottomLinks"><br>
&copy; UpTheSaints.com 2001-2007
</span></div> </td>
</tr>
</table>
<br>
</html>

[ronaldb66]

FireFox is a more standards compiant browser than IE (assuming you're using 6.0), so any deviation of those standards will likely prove unexpected results in FF as compared to IE.

Besides a strong recommendation to dive into CSS as soon as possible and get rid of most if not all of those layout tables and--deprecated and/or proprietary--presentational attributes like bgcolor and vspace, I'd like to recommend validating your markup (http://validator.w3.org/) against the appropriate W3C standard; any error this turns up may cause problems with FF and other more compliant browsers.