Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

IE6 issues with new site

Discussion in 'Website Design Forum:' started by mariepoulin, Aug 6, 2009.

  1. mariepoulin

    mariepoulin Junior Member

    Can anyone offer any help with this?

    The site seems to look great in all browsers except IE6...
    If anyone can offer any advice if would be greatly appreciated!

    here is one of the pages that breaks in IE6:
    Studio 180 Theatre: Stuff Happens ? About the Play
  2. tbwcf

    tbwcf Active Member

    studio 180 shows with a grey box, that's because its a transparent png which ie 6 doesn't like.

    put this code in the head of your page
    <!--[if lt IE 7]>
    <script src="" type="text/javascript"></script>

    then rename the logo so the name ends with -trans.png so like logo-trans.png

    The other issue is the ie6 box rule. Basically ie6 looks at widths differently to other browsers

    Your floated elements are being pushed down because of this. That script may sort this I'm not sure (the idea of the script is basically to make ie6 behave like ie7)

    if not you can create separate styles for ie6 adjusting the margins and widths as needed.


    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="IE-6-SPECIFIC.css" />

    or better still change the body class for ie 6 then you can use the same stylesheet

    see here Conditional classnames

    that class names bit is nicked from Harrys site which is a great reference Web Design+ &mdash; Tips and advice on web standards development

Share This Page