Fork me on GitHub

problem rendering in IE6  Bottom

  • Hi,
    I am having a problem with the way ie6 is, or rather isn't, rendering my table for the header. I severly modified the vipixel theme V-Autumn and it renders correctly in mozilla, netscape, and Firebird, but not in Internet explorer. I am having no luck figuring it out, ie seems just not to render to pictures that "blend" the banner into the page...any help or ideas would be great...thanks so much.

    What it should look like::
    http://shuttle.hostvector.com/~gracebi/images/siteshould.jpg
    what it does::
    http://shuttle.hostvector.com/~gracebi/images/badsite.jpg
    The site::
    http://shuttle.hostvector.com/~gracebi/

    header.html code::

    Code

    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td colspan="9" align="left" valign=top><img src="themes/gbfround/images/banner.jpg" width="100%" height="115" border="0" alt="">    
        </td>
      </tr>
      <tr>
       <td colspan="5" background="themes/gbfround/images/Header_r6_c2.gif" bgcolor="#000000"><img name="Header_r6_c2" src="themes/gbfround/images/spacer.gif" width="1" height="4" border="0" alt=""></td>
      </tr>
      <tr>
        <td colspan="5" background="themes/gbfround/images/Header_r7_c2.gif"><div align="right"><img name="Header_r7_c2" src="themes/gbfround/images/spacer.gif" width="1" height="18" border="0" alt="">
    <?php
    echo "<span class=\"comments\">";
        echo ml_ftime(_DATETIMEBRIEF, (time(time())));
        echo "</span>&nbsp;\n";
    ?>
     </div></td>
      </tr>
      </table>
  • Looks ok for me in IE6...

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • a friend suggested that I add an image preload script to the header.html, so I tried it and it did get the two images to show up where they did not before...I have no idea why this worked but it was a solution. however I did have to cut the banner down to 780 width from 800 because ie6 keeps enlarging the image and adding a horzontal scroll....no matter what width in I define or if I set it at 100%....man, ie is sooo weird.

    heres the preload script::

    Code

    <script language="JavaScript" type="text/JavaScript">
    <!--
    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_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_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>

This list is based on users active over the last 60 minutes.