Hi. I am having a problem with browser compatibility and was hoping a more experienced user could point out the issue in my code. I was working on my site with Safari and an older version of Firefox. The issue is with the banner in the top left. This is what it was looking like: Attachment icture_3.jpg But to my horror, when firefox was updated,this is what the site actually looked like: Attachment: picture3_2.JPG So I was wondering if anyone had an idea of why it appears different in the two browsers? All help is very much appreciated! Code of my header <center> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15" background="$stylevar[imgdir_misc]/border_left.gif"><img src="$stylevar[imgdir_misc]/border_left.gif" width="15" height="6"></td> <td> <table width="100%" border="0" cellpadding="0" cellspacing="8" bgcolor="#FFFFFF"> <tr> <td> <table style="border: 1px solid #8ca5ae;" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table style="border: 1px solid #FFFFFF;" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="507"><a href="/"><img src="$stylevar[imgdir_misc]/header_left.jpg" width="507" height="98"></td> <td width="26"><img src="$stylevar[imgdir_misc]/header_right_bg.gif" width="26" height="98"></td> <td bgcolor="#aac2cb"><div align="left"><img src="$stylevar[imgdir_misc]/forumstats_image.gif" width="163" height="36"><br> <span class="headerstats"><strong>Members:</strong> $numbermembers<br> <strong>Threads:</strong> $totalthreads<br> <strong>Posts:</strong> $totalposts<br> <strong>Newest Member:</strong> <a href="$vboptions[bburl]/member.php?u=$newuserid"> $newusername</a></span></div></td> </tr> </table></td> </tr> </table></td> </tr> </table> </td> </tr> <tr> </tr> <tr> <td><table style="border: 1px solid #8ca5ae;" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table style="border: 1px solid #FFFFFF;" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="79"><img src="$stylevar[imgdir_misc]/topad_left.gif" width="79" height="79"></td> <td background="$stylevar[imgdir_misc]/topad_bg.gif"><table width="474" height="66" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td background="$stylevar[imgdir_misc]/topad_adbg.gif"><div align="center"><a href="/showthread.php?p=52077#post52077"><img src="$stylevar[imgdir_misc]/adbanner.gif" width="468" height="60" border="0"></a></div></td> </tr> </table></td> <td width="79"><img src="$stylevar[imgdir_misc]/topad_right.gif" width="79" height="79"></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table style="border: 1px solid #8ca5ae;" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table style="border: 1px solid #FFFFFF;" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="$stylevar[imgdir_misc]/topad_advertise_bg.gif"><div align="center"><a href="/showthread.php?p=52077#post52077"><img src="$stylevar[imgdir_misc]/topad_advertise.gif" width="318" height="27" border="0"></a></div></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <!-- content table --> $spacer_open $_phpinclude_output Code (markup):
it's really difficult to help when we don't even know the names of the images (for example the image next to the left side of "forum stats"). Also I don't see why you are using so many tables, I've only ever have used 1 table inside of a table and that's to structure large sums of content. I'd suggest reslicing the template in photoshop and this time optimise it using the latest version of FF and keep an eye on IE as well.