Different Presentation in Chrome and Firefox

HTML & CSS
1

I am trying to design a website and while it functions perfectly on google chrome, there are a few issues when I try to use it on firefox. Firstly, the banner on the top of the page looks awful as it has expanded and shifted to the left. Also, the links to our pop up windows open up to a completely different version of the page that can be seen on chrome. In short, why are there differences between these browsers and how can I fix them?

2

Can you post the URL of the page, or the page code itself?

3

This is the link to the site and the code is:

<table width=“100%” cellspacing=“0” cellpadding=“0”>
<tr>
<td align=“center” bgcolor=“#656565” cellspacing=“0” cellpadding=“0” id=“header”>
<div class=“banner” align=“center”>
<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0” width=“987” id=“index” align=“bottom”>
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“movie” value=“http://www.solarnyc.com/workshops/banner/banner12.swf” />
<param name=“quality” value=“autohigh” />
<param name=“scale” value=“noborder” />
<param name=“salign” value=“rt” />
<param name=“bgcolor” value=“#B8D3EB” />
<embed src=“http://www.solarnyc.com/workshops/banner/banner12.swf” quality=“autohigh” scale=“noborder” salign=“rt” bgcolor=“#B8D3EB” width=“987” name=“index” align=“bottom” allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash” pluginspage=“http://www.macromedia.com/go/getflashplayer” />
</object>
</div>

4

Sorry, I can’t see that site from my current location. Perhaps someone else can troubleshoot?

5

Why are you using an object that is IE6 specific instead of the more generic version without the classid that works for all more modern browsers?

Also once you change the object to work for modern browsers you can then do away with the embed unless you still have lots of visitors using Netscape 4.

I’d also recommend that you get rid of the HTML 3.2 attributes that were made obsolete back in 1997 - you will get more consistent results using CSS.