F-uking Mozilla

[Barely Human]

My site looks fine in IE, but the header gets ****ed in firefox. Anyone know some hacks to put in the header file to sort this??

Here's the site - www.thefaction.co.uk

And here's the code -

<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><!--DWLayoutTable-->
  
 
  <tr>
    <td colspan="3" style="background: url(themes/V-Mecha_Red/images/header_9.gif)"><img src="themes/V-Mecha_Red/images/topleft.gif" width="200" height="24" />
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="302" height="24">
        <param name="movie" value="themes/V-Mecha_Red/images/marqee.swf">
        <param name="quality" value="high">
        <embed src="themes/V-Mecha_Red/images/marqee.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="302" height="24"></embed>
    </object>      <div align="right"></div>      <div align="right"> </div></td>
    <td width="38%" style="background: url(themes/V-Mecha_Red/images/header_9.gif)">
<div align="right"><span class="style1"><? echo (date ("F Y h:i A")); ?></span></td></di
  ></tr>
  <tr><ul id="navlist">
    <li></li>
    </ul>
   <td colspan="2" style="background: url(themes/V-Mecha_Red/images/header_4.gif)"><img src="themes/V-Mecha_Red/images/logo.gif" width="516" height="111" /></td>
   <td colspan="2" style="background: url(themes/V-Mecha_Red/images/header_4.gif)"><div align="right"><img src="themes/V-Mecha_Red/images/righteye.gif" width="225" height="111" /></div></td>
   <td width="0%" bgcolor="#000000"><img src="themes/V-Mecha_Red/images/spacer.gif" width="1" height="69" border="0" alt="" /></td>
  </tr>
  <tr>
   <td width="31%" align="right" class="navcontainer" style="background: url(themes/V-Mecha_Red/images/header_7.gif)"><div align="left"><img src="themes/V-Mecha_Red/images/bottomleft.gif" width="174" height="29" />
  

    
 </div></td>
   <td colspan="3" align="right" class="navcontainer" style="background: url(themes/V-Mecha_Red/images/header_7.gif)"><ul id="navlist">
       <li><a href="index.php" title="Front Page">HOME</a></li>
       <li><a href="index.php?name=PNphpBB2&file=index" title="Discussion">FORUM</a></li>
       <li><a href="index.php?module=pnCPG&func=main">GALLERY</a></li>
       <li><a href="index.php?op=modload&name=Web_Links" title="Web Links">WEBLINKS</a></li>
   </ul></td>
   <td bgcolor="#000000"><img src="themes/V-Mecha_Red/images/spacer.gif" width="1" height="28" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4" style="background: url(themes/V-Mecha_Red/images/header_6.gif)"></td>
   <td bgcolor="#000000"><img src="themes/V-Mecha_Red/images/spacer.gif" width="1" height="14" border="0" alt="" /></td>
  </tr>
</table>

Massive thanks in advance if anyone has any ideas

[TechMouse]

Looks fine here, what's the problem?

[schlongfingers]

I think IQ wants it 100% width, also text links aren't centralised on the white bg - maybe the top left tab should join the image below but i'm not sure

To be honest you need to completely rewrite that top table imo - there are a few issues, there are div tags closing before td's, colspan's don't match up.

Got it working here - http://www.whatgwan.com/faction

But if you want to use you'll have to grab the images and re-export the topbg.jpg as a swf (though in this instance an animated gif would be purrfect)

[TechMouse]

I'd heartily recommend offloading most of your formatting into CSS, too.
Makes everything much more manageable.

Or, if you're feeling really brave, knock out everything in XML and write some XSLT to tag it up, and then CSS to format it.

[schlongfingers]

I'd agree with that aside from the xslt processing browser side - only for nutscrape 4 compatability reasons tho.

This site is really useful for css layout templates - http://www.ssi-developer.net/main/templates/

In this instance you need to use and modify the 'Two Column, Left Column Static, with Header Bar' one

[TechMouse]

only for nutscrape 4 compatability reasons tho.

Anyone still use Netscape?

It's certainly not supported anymore.

[schlongfingers]

Only really really really dumb people :D

[TechMouse]

Well, I think it's time we leave this people behind.

Possibly send them a link to Firefox, and if they can't grasp that then they're probably not missing much anyway.

[Barely Human]

Hey, nice one people! I knew there would be some wizzes on here who would know how to sort it ;)

I'll have a go with your re-done header fingers. How come i'll have to change the top image to a flash file or animated gif tho??

[schlongfingers]

Oops sorry only just spotted your reply!

The link I posted uses a different shaped top left hand image, can easily be changed in flash - I took a screenshot of your site to make the header I did and overlooked the flash text in the top left :cry: