Browser compatibility issue

Discussion in 'Web Design & Coding' started by ziptrx, Jul 7, 2008.

  1. ziptrx

    ziptrx OSNN Addict

    Messages:
    53
    I've never had this problem before, but all appears fine in Firefox and Dreamweaver and not in IE. Images are being shifted downward and to the left. You can see the results here, by viewing in IE and Firefox: http://www.immixdesigns.net/test/index.html
    Here is the code for the images:
    Code:
    <html>
    <head>
    <title>Welcome to Perfect Tan</title>
    <META NAME="keywords" CONTENT="Perfect Tan, tanning, salon, san antonio, texas, mystiquetan">
     
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    <link rel="stylesheet" href="untitled.css" type="text/css">
    <body bgcolor="f15c22" text="#000000" link="#FF0000" vlink="#FF0000" onLoad="MM_preloadImages('images/buttons/homeon.jpg','images/buttons/locateon.jpg','images/buttons/equipon.jpg','images/buttons/priceon.jpg','images/buttons/prodon.jpg','images/buttons/mysticon.jpg','images/buttons/faqon.jpg','images/buttons/specialon.jpg','images/buttons/eclubon.jpg','images/buttons/emplyon.jpg','images/buttons/viton.jpg')">
    <table width="900" border="0"  align="center" background="images/background.jpg"""cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr> 
        <td width="8" height="58">&nbsp;</td>
        <td width="48">&nbsp;</td>
        <td width="10">&nbsp;</td>
        <td width="74">&nbsp;</td>
        <td width="13">&nbsp;</td>
        <td width="73">&nbsp;</td>
        <td width="10">&nbsp;</td>
        <td width="60">&nbsp;</td>
        <td width="11">&nbsp;</td>
        <td width="69">&nbsp;</td>
        <td width="10">&nbsp;</td>
        <td width="5">&nbsp;</td>
        <td width="15">&nbsp;</td>
        <td width="54">&nbsp;</td>
        <td width="11">&nbsp;</td>
        <td width="36">&nbsp;</td>
        <td width="10">&nbsp;</td>
        <td width="102">&nbsp;</td>
        <td colspan="8" rowspan="3" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0[/URL]" width="281" height="188">
            <param name="movie" value="movies/home.swf">
            <param name="quality" value="high">
            <embed src="movies/home.swf" quality="high" pluginspage="[URL]http://www.macromedia.com/go/getflashplayer[/URL]" type="application/x-shockwave-flash" width="281" height="188"></embed></object></td>
      </tr>
      <tr> 
        <td height="118"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td colspan="6" valign="top" class="unnamed2"> Salon #1 <br>
          10918 Wurzbach Road, Suite 115<br> <strong>(210) 697-0507</strong><br> <br>
          Salon #2<br>
          2235 Thousand Oaks<br> <strong>(210) 490-4422</strong></td>
      </tr>
      <tr> 
        <td height="12"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr> 
        <td height="4"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td width="5"></td>
        <td width="10"></td>
        <td width="98"></td>
        <td width="13"></td>
        <td width="50"></td>
        <td width="13"></td>
        <td width="86"></td>
        <td width="6"></td>
      </tr>
      <tr> 
        <td height="28"></td>
        <td valign="top"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/buttons/homeon.jpg',1)"><img src="images/buttons/homeoff.jpg" name="Image1" width="48" height="28" border="0"></a></td>
        <td></td>
        <td valign="top"><a href="locations.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/buttons/locateon.jpg',1)"><img src="images/buttons/locateoff.jpg" name="Image2" width="74" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="equipment.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/buttons/equipon.jpg',1)"><img src="images/buttons/equipoff.jpg" name="Image3" width="73" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="pricing.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/buttons/priceon.jpg',1)"><img src="images/buttons/priceoff.jpg" name="Image4" width="60" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="products.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/buttons/prodon.jpg',1)"><img src="images/buttons/prodoff.jpg" name="Image5" width="69" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td colspan="3" valign="top"><a href="mystictan.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/buttons/mysticon.jpg',1)"><img src="images/buttons/mysticoff.jpg" name="Image6" width="74" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="faq.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/buttons/faqon.jpg',1)"><img src="images/buttons/faqoff.jpg" name="Image7" width="36" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td colspan="2" valign="top"><a href="index.html"onClick="window.open('http://www.tanningtruth.com/index.php/vitamin_d_sunshine_vitamin/','pop')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/buttons/viton.jpg',1)"><img src="images/buttons/vitoff.jpg" name="Image8" width="107" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="specials.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/buttons/specialon.jpg',1)"><img src="images/buttons/specialoff.jpg" name="Image9" width="98" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="eclub.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','images/buttons/eclubon.jpg',1)"><img src="images/buttons/ecluboff.jpg" name="Image10" width="50" height="28" border="0"></a></td>
        <td>&nbsp;</td>
        <td valign="top"><a href="employment.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/buttons/emplyon.jpg',1)"><img src="images/buttons/emplyoff.jpg" name="Image11" width="86" height="28" border="0"></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr> 
        <td height="92"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td height="354"></td>
        <td>&nbsp;</td>
        <td colspan="11" valign="top" class="unnamed1">Perfect Tan was founded in 
          1985 and currently serves the city of San Antonio with two centrally located 
          salons.<br> <br>
          Each salon is equipped with the latest in tanning technolgy, and we carry 
          a wide variety of tanning products to ensure you get the results you want, 
          while feeling safe and comfortable.<br> <br>
          Membership offers each client a variety of options tailored to meet their 
          individual needs. We have tanning beds and stand-ups that can take you from 
          slightly darker than your natural skin tone to deep, dark bronze. It's completely 
          up to you.<br> <br>
          Our staff is available to help you reach the shade you desire, and set you 
          up on a plan that is right for you, and your budget.<br> <br>
          Come in today to see for yourself. </td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td height="34"></td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td>&nbsp;</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>
    </body>
    </html>
    
    Thanks in advance.
     
  2. ziptrx

    ziptrx OSNN Addict

    Messages:
    53
    I found the problem of double quoting. This is the code causing the problem. Does anyone know why IE detected it and Firefox didn't?
    Code:
    <table width="900" border="0"  align="center" background="images/background.jpg"""cellpadding="0" cellspacing="0">