Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

  1.  permalink
    Hello Everyone... I'm new to the forum.

    Firstly, I apologize if this topic has been covered in here at length but I'm having a hard time debugging my site for IE6. I'm relatively new to designing with web standards. This is the 2nd full website I've designed using XHTML and CSS.

    http://www.unleashedpetshop.com/

    Everything looks beautiful in Firefox, Safari, Opera, IE7 & 8. However 40% of my traffic uses IE6 and that browser renders is horribly.

    It's rendering in IE6 like this:
    http://www.unleashedpetshop.com/images/ie6_screenshot.png

    I've read about a number of IE CSS hacks but I'm not sure which ones I should apply to my site and specifically where to apply them to get it to render properly in IE6.

    I'd rather not do anything that will cause my code to not validate. If anyone could help steer me in the right direction I'd really appreciate it!

    Thanks,

    Justin
  2.  permalink

    Looks like the problem has something to do with the slider.

    Try doing the following:

    remove the comments around the slider. I'll explain this if it works, but if it doesn't, remove the slider component and see if the rest of the page renders correctly. If that helps, we can focus on that particular component.

  3.  permalink
    Thanks for your help!

    Yea, looks like the slider is the culprit. I tried removing the comments but it still breaks the layout.

    When I removed the entire thing is rendered correctly:
    http://www.unleashedpetshop.com/images/ie6_screenshot_noslider.png

    Is there something I can do to get the slider to function in IE6? Or is it not supported?

    IE6 doesn't like my transparent PNGs either. I came across a couple solutions for this somewhere but i'm not sure which one to use. Anyone have any experience with this?
  4.  permalink
    I don't think there should be a problem with it, since I'm using a similar one and it works perfectly well on IE. This afternoon is a bit busy for me, but I'll see if I can make something out of this later on.

    In the meantime, here's the carousel component I'm using:
    http://www.gmarwaha.com/jquery/jcarousellite/
    •  
      CommentAuthorkari.patila
    • CommentTimeFeb 6th 2009 edited
     permalink
    And for the alpha transparency, you could save the images as png8 with an alpha channel, which degrades beautifully on IE, if you have Fireworks installed. If not, I've found the TwinHelix fix to be quite good: http://www.twinhelix.com/css/iepngfix/ />
    I'm using that one here
    http://www.saimaansaunaseura.fi/ - you'll have to be on a really slow connection to notice the fix.
  5.  permalink
    Thanks for your suggestions!
Add your comments
    Username Password
  • Format comments as (Help)