WordPress.org

1. errorn0x
   Member
   Posted 3 months ago #

   Guys, I am missing something. In IE6 the logo in the intro section does not show up, how can I fix this? I imagine with z index.

2. ericmann
   Member
   Posted 3 months ago #

   The logo in what intro section?

3. errorn0x
   Member
   Posted 3 months ago #

   Thanks for responding. Div ID=introicon, people.png.

4. ericmann
   Member
   Posted 3 months ago #

   IE6 doesn't work well with PNG images by default. You either need to replace the image with a GIF or JPG or use one of the commonly available workarounds for IE: here's one and here's another.

5. errorn0x
   Member
   Posted 3 months ago #

   I replaced both images with jpegs, still no good. Also, this theme already has an ie6 stylesheet.

6. errorn0x
   Member
   Posted 3 months ago #

   Also, not worried about the transparency issue, as these are Jpegs, I am concerned that one of my Jpegs are hidden behind another.

7. ericmann
   Member
   Posted 3 months ago #

   Can you post a link to your site so I can see what's going on?

8. errorn0x
   Member
   Posted 3 months ago #

   Sure, its test.gogreensolutions.org. If you render that in ie6, you can see that the logo loads fine, its the people.jpeg that doesnt load. It's hidden behing the intro background. If you activate the default corporate theme, you can see the same.

9. Mr Brainz
   Member
   Posted 3 months ago #

   Looking at the code it seems you're still linking to the .png and not the .jpg.

10. errorn0x
    Member
    Posted 3 months ago #

    Ok, I must have had it changed back to a png for testing. It's not changed to a gif, and still the same issue. It's not just an problem with my modifications, this happens to the images in the original theme. Please help!

11. ericmann
    Member
    Posted 3 months ago #

    I just pulled the site up in IE6 and it looks roughly the same as it did in Firefox. There are just two problems remaining: the difference in color between the background and the gray sections around the rounded corners. Also, the recycling image (people.gif) is displaying about a quarter inch below where it should be.

    I recommend keeping position:relative; but dropping the float:right; from the style declaration. Instead, use top: and margin-left: to position it where you want it. This will makes sure it always displays in the correct location.

    One other thing that might help: You have both #intro and #introicon set to the same z-index. Because you want #introicon to always display on top, you should set each div's z-index separately. #introicon should have a higher z-index than #intro.

Reply

You must log in to post.