One specific image not showing in IE6 or 7

Discussion in 'Web Design and Development' started by seventeen, Jul 30, 2009.

  1. seventeen macrumors member

    Joined:
    Apr 9, 2009
    Location:
    Denton, Tx
    #1
    I'm working on a website right now for a client in which, the logo image in the header of the page mysteriously does not show up when view in IE6 or IE7. IE8 works fine as well as all other major browsers.

    And it's not all images on the page, just one.

    Has anybody ever heard of anything like this. I haven't.

    Technically I'm under an NDA on this one, so I cant give you the straight code. I'll have to negotiate some sort of copy where the issue remains.

    Any help would be genuinely appreciated.

    Thanks!
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    You could try to reproduce the problem with a smaller amount of code. This will help diagnose the problem as well since you'll be minimizing the potential problem pieces. It could be a CSS issue with IE that is resolved in modern standards. If you can reproduce with smaller amount of code maybe you can post that part without issues.

    How are you displaying the image e.g., background image, img tag?
     
  3. seventeen thread starter macrumors member

    Joined:
    Apr 9, 2009
    Location:
    Denton, Tx
    #3
    I had to remove a lot of info for them to let me post this, so thats what all the #'s are. Regardless, you can see how its laid out. The image in question is a .png file with transparency. However, I am using the javascript unitpngfix for IE6,

    HTML:
    	<div id="head_wrap">
    		<div id="head">
    			<!-- THE IMAGE BELOW DOES NOT DISPLAY IN IE 6 OR 7,
    				BUT IT DOES IN ALL OTHER MAJOR BROWSERS -->
    			<h1 id="logo" class="left"><a href="#"><img src="#.png" alt="#" /></a></h1>
    			<ul id="head_nav" class="right">
    				<li class="first"><a href="#">#</a></li>
    				<li><a href="#">#</a></li>
    				<li><a href="#">#</a></li>
    				<li><a href="#">#</a></li>
    				<li><a href="#">#</a></li>
    			</ul>
    			<div class="clear"></div>
    		</div> <!-- END #head -->
    	</div><!-- END #head_wrap -->
    and css...
    PHP:
    div#head_wrap {
        
    width100%;
        
    background-position0px -8px;
        
    background-repeatrepeat-x;
        
    background-colorblack;
        
    background-imageurl(bar_gradient1.png);
        
    color#fff;
        
    border-bottom#109033 4px solid;
    }

    div#head {
        
    width960px;
        
    margin0 auto;
    }

    h1#logo {
        
    width443px;
        
    height:36px;
    }
     
  4. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #4
    did you try changing it to gif to see if it's the PNG fix. Sounds to me you may have something in your JS causing the issue. IE is typically where it won't work.
     
  5. Cerebrus' Maw macrumors 6502

    Joined:
    Mar 9, 2008
    Location:
    Brisbane, Australia
    #5
    I would also be suspicious of the Javascript. With the JS running, but with the image a gif or jpg, do you get the same problem? What if the JS if turned off?
     

Share This Page