WordPress.org

Ready to get started?Download WordPress

Forums

Rendering in IE6 (11 posts)

  1. errorn0x
    Member
    Posted 4 years 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. Eric Mann
    Member
    Posted 4 years ago #

    The logo in what intro section?

  3. errorn0x
    Member
    Posted 4 years ago #

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

  4. Eric Mann
    Member
    Posted 4 years 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 4 years ago #

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

  6. errorn0x
    Member
    Posted 4 years 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. Eric Mann
    Member
    Posted 4 years ago #

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

  8. errorn0x
    Member
    Posted 4 years 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 4 years ago #

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

  10. errorn0x
    Member
    Posted 4 years 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. Eric Mann
    Member
    Posted 4 years 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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags