Solved

Firefox display issues, works fine in IE though?

Posted on 2009-05-06
10
344 Views
Last Modified: 2013-12-07
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.
0
Comment
Question by:mharfouch
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
10 Comments
 
LVL 4

Expert Comment

by:Ronb23
ID: 24327459
I'm not able to get to your page. Is it down?

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.
0
 
LVL 3

Author Comment

by:mharfouch
ID: 24332307
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&nbsp;Do&nbsp;We&nbsp;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&nbsp;Roll&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;&amp;&nbsp;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&nbsp;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">&nbsp;</td>
  </tr>
  <tr>
    <td height="24" colspan="4" class="titlebars" id="links">&nbsp;</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>

Open in new window

0
 
LVL 3

Author Comment

by:mharfouch
ID: 24332317
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.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 4

Expert Comment

by:Ronb23
ID: 24332647
which JavaScript? what is it suppose to do?
0
 
LVL 3

Author Comment

by:mharfouch
ID: 24332769
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.
0
 
LVL 3

Author Comment

by:mharfouch
ID: 24332867
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
0
 
LVL 4

Accepted Solution

by:
Ronb23 earned 40 total points
ID: 24332951
This is not a JavaScript issue. It's in the layout.
 <th height ="24" colspan="4"bgcolor="#3E5A7D" id="links" scope="col">
change the height to 100% or anything lower than 24... 22 should work too. 24 is causing it to go out of bounds and firefox takes the literal value.

 <th height ="100%" colspan="4"bgcolor="#3E5A7D" id="links" scope="col">
or
 <th height ="22" colspan="4"bgcolor="#3E5A7D" id="links" scope="col">
0
 
LVL 3

Author Closing Comment

by:mharfouch
ID: 31578810
0
 
LVL 4

Expert Comment

by:Ronb23
ID: 24333029
you're welcome, glad I could help!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Html date format 9 20
make control visible based off other control value 7 22
CSS for <center> 14 35
sort Multi-dimensional array 6 18
Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question