Firefox display issues, works fine in IE though?
I just made this little demo for my work with a little bit of everything in it...And for some reason it displays differently in Firefox then it does in IE.
http://www.academyattendance.com.au/AttendanceWebsite/index.html
Mainly, the drop down menu seems to be overlapping the cell by 1px, and the flash to the right of what is now the Iframe displays at a different size to the IE one...I am completely stumped here and can not work this out. It could be CSS? Not too sure.
Any valid help appreciated.
http://www.academyattendance.com.au/AttendanceWebsite/index.html
Mainly, the drop down menu seems to be overlapping the cell by 1px, and the flash to the right of what is now the Iframe displays at a different size to the IE one...I am completely stumped here and can not work this out. It could be CSS? Not too sure.
Any valid help appreciated.
ASKER
We took the site down for a little bit. here is the source code.
<HTML>
<HEAD>
<TITLE>Preview</TITLE>
<script type="text/javascript" language="JavaScript1.2" src="stm31.js"></script>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="css/new.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY TOPMARGIN="5" LEFTMARGIN="5" RIGHTMARGIN="5" BOTTOMMARGIN'"0">
<body>
<table width="840" border="0" align="center" cellpadding="0" cellspacing="0" id="maintable" class="maintable">
<tr>
<th height ="24" colspan="4"bgcolor="#000000" class="headcell" id="headcell" scope="col"><img src="images/logo_acad.jpg" width="800" height="75" alt="banner" /></th>
</tr>
<tr>
<th height ="24" colspan="4"bgcolor="#3E5A7D" id="links" scope="col"> <script type="text/javascript" language="JavaScript1.2">
<!--
beginSTM("AcadAttenMenu","static","0","0","right","false","true","310","1000","0","1000","","blank.gif");
beginSTMB("auto","0","0","horizontally","arrow_r.gif","7","7","5","0","#ffffff","linksbg.jpg","tiled by x","#ffffff","0","solid","0","Fade","50","0","0","7","7","0","0","0","#000000","true","#000000","#ffffff","#000000","none");
appendSTMI("false","Home","left","middle","","","-1","-1","0","normal","transparent","transparent","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/home.html","infocell","Tahoma","8pt","#000000","bold","normal","none","Tahoma","8pt","#003366","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/home.html","","","tiled by x","tiled by x");
appendSTMI("false","How Do We Work?","left","middle","","","-1","-1","0","normal","transparent","transparent","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/howwework.html","infocell","Tahoma","8pt","#000000","bold","normal","none","Tahoma","8pt","#003366","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/howwework.html","","","tiled by x","tiled by x");
appendSTMI("false","Products","left","middle","","","-1","-1","0","normal","transparent","transparent","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","","infocell","Tahoma","8pt","#000000","bold","normal","none","Tahoma","8pt","#003366","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","","","","tiled by x","tiled by x");
beginSTMB("auto","0","0","vertically","","0","0","0","3","#ffffff","","tiled","#000000","1","solid","0","Normal","50","0","0","0","0","0","0","0","#7f7f7f","false","#000000","#000000","#000000","none");
appendSTMI("false","Laptop Roll Marking","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/laptoprollmark.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/laptoprollmark.html","","","tiled by x","tiled by x");
appendSTMI("false","Biometrics","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/biometrics.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/biometrics.html","","","tiled by x","tiled by x");
appendSTMI("false","SMS Alert","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/smsalert.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/smsalert.html","","","tiled by x","tiled by x");
appendSTMI("false","Assessment Tracker","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/assesstrack.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/assesstrack.html","","","tiled by x","tiled by x");
appendSTMI("false","Medical","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/medical.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/medical.html","","","tiled by x","tiled by x");
endSTMB();
appendSTMI("false","Media","left","middle","","","-1","-1","0","normal","transparent","transparent","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","","_self","Tahoma","8pt","#000000","bold","normal","none","Tahoma","8pt","#003366","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","","","","tiled by x","tiled by x");
beginSTMB("auto","0","0","vertically","","0","0","0","3","#ffffff","","tiled","#000000","1","solid","0","Normal","50","0","0","0","0","0","0","0","#7f7f7f","false","#000000","#000000","#000000","none");
appendSTMI("false","Flash Demonstrations","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/flashdemos.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/flashdemos.html","","","tiled by x","tiled by x");
appendSTMI("false","Video Archive","left","middle","","","-1","-1","0","normal","#003366","#006699","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/videoarch.html","infocell","Tahoma","8pt","#ffffff","bold","normal","none","Tahoma","8pt","#ffffff","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/videoarch.html","","","tiled by x","tiled by x");
endSTMB();
appendSTMI("false","Features & Benefits","left","middle","","","-1","-1","0","normal","transparent","transparent","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/features.html","infocell","Tahoma","8pt","#000000","bold","normal","none","Tahoma","8pt","#003366","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","html/features.html","","","tiled by x","tiled by x");
appendSTMI("false","Contact Us","left","middle","","","-1","-1","0","normal","transparent","transparent","","1","-1","-1","blank.gif","blank.gif","-1","-1","0","Home","html/contact.html","infocell","Tahoma","8pt","#000000","bold","normal","none","Tahoma","8pt","#003366","bold","normal","none","0","solid","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","#d6d6ce","/html/contact.html","","","tiled by x","tiled by x");
endSTMB();
endSTM();
//-->
</script>
</th>
</tr>
<tr id="titlebars">
<td width="186" height="10" bgcolor="#c8c8c9" id="titlebars"><p class="titlebars">Latest Media Releases</td>
<td height="10" colspan="3" id="middletitlebar"><p class="middletitlebar">Welcome to Academy Attendance</p></td>
</tr>
<tr>
<td width="186" bgcolor="#c8c8c9" id="newscell"><p class="header2">
<object width="182" height="150">
<param name="movie" value="http://www.youtube.com/v/1Wriw6ft55Y&hl=en&fs=1">
<param name="wmode" value="transparent">
<embed src="http://www.youtube.com/v/1Wriw6ft55Y&hl=en&fs=1"
type="application/x-shockwave-flash" wmode="transparent"
width="182" height="150"> </embed>
</object>
23/04/2009 - Channel 9 </p>
<p class="newscell"><img src="images/att_fing.gif" width="182" height="93" alt="Biometrics"></p>
<p class="newscell"><img src="images/att_sms.gif" width="182" height="93" alt="smsalert"></p>
<p class="newscell"><img src="images/att_mgmtsystems.gif" width="182" height="93" alt="att_mgmtsys"></p>
<p class="newscell"><img src="images/att_medical.gif" width="182" height="93" alt="att_medical"></p></td>
<td width="550" height="60%" ><iframe name="infocell" frameborder="0" width="530" height="565"></iframe></td>
<td width="186" id="infocell"><p class="header2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="182" height="560" id="FlashID2" title="SmilingWoman">
<param name="movie" value="images/SmilingWoman.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you dont want users to see the prompt. -->
<param name="expressinstall" value="scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/SmilingWoman.swf" width="182" height="560">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="6.0.65.0">
<param name="expressinstall" value="scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p></td>
<td width="6" height="60%" bgcolor="#c8c8c9" id="addcell"> </td>
</tr>
<tr>
<td height="24" colspan="4" class="titlebars" id="links"> </td>
</tr>
<tr>
<td height="24" colspan="4" class="titlebars" id="footer"><span class="newscell"></span></td>
</tr>
<tr>
<td height="18" colspan="4" class="titlebars" id="links2"> Last Updated May 06, 2009. <br></td>
</tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID2");
//-->
</script>
</body>
</BODY>
</HTML>
ASKER
Oh by the way, the actual flash problem has been rectified. It's dimensions were set to 100x560 instead of 182x560 somewhere, not sure why it worked in IE...the javascript still wont work though.
which JavaScript? what is it suppose to do?
ASKER
It is a drop down menu...I have tried to configure it so that it is nestled within the cell, and it works with IE but when i open it in Firefox it sits 1px under the top and bottom of the cell.
ASKER
This is an image of what is happening to the dropdown menu incase my clarity hasnt been enough, image tells a thousand words I guess.
dropdownmenu.jpg
dropdownmenu.jpg
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
you're welcome, glad I could help!
In any case, if you're still having issues with the layout in firefox, you can download a plug-in (Firebug) for fire fox and troubleshoot the layout. This tool will let you make changes that you can see right in the browser. Once the changes you've made look good, you can make those changes to the actual code and deploy it to your sever and test it out. Hope this helps.