Grow your CSS skills. Land your dream job.

IE 6&7..?

  • # March 16, 2013 at 11:47 am

    Hi all,

    I’m new to this so this may seem a bit basic to some of you, hoping there’s an easy fix??

    I’ve just built my friend a website and on testing I have some layout issues with IE6&7 only, is there any code I can use in the style sheet as a fix?

    I have winged things so far but this has got me stumped?!

    http://www.andrewbestdj.com

    Thanks in advance.

    Phil

    # March 16, 2013 at 12:01 pm

    You need to be specific about what the issues are…

    >I have some layout issues with IE6&7

    …is too broad.

    # March 16, 2013 at 12:16 pm

    Thanks for coming back so quickly Paulie, please see the screen shots below:

    http://andrewbestdj.com/images/ie6.png
    http://andrewbestdj.com/images/ie7.png

    # March 16, 2013 at 12:19 pm

    Is IE6/7 support really necessary? Most people agree that it’s finally okay to stop worrying about those browsers.

    Hell, I don’t even worry that much about IE8 compatibility—but that’s because it makes up less than 3% of my site’s traffic.

    # March 16, 2013 at 12:23 pm

    Well Keith,

    I would like to think not, as the site is new I don’t have any stats to say otherwise but if that is the general concencus I am happy to go with that. I don’t think as a DJ he will have many elderly visitors, the most likely users of ie. 6&7.

    # March 16, 2013 at 1:38 pm

    I’m not a big fan of following the “general consensus” statistics too much. What matters is just the visitors to your site. So I would suggest to do some research into your visitor statistics. Check the number of visitors who use IE6 and IE7 for about a week or so and then decide if that number is large enough to warrant IE6 / IE7 fixes.

    Right off the bat the IE7 problem with the top menu can be fixed by giving .menu height:37px OR overflow:hidden. You’ve also missed a semicolon after font-size:14px.

    The Twitter box may be a little trickier.

    # March 16, 2013 at 2:51 pm

    Unless you know you have a good portion of IE6 traffic, I don’t think it’s worth catering to that browser version. On the IE6 countdown site it says 0.2% of U.S. users still use IE6, which is microscopic:
    http://www.ie6countdown.com/

    I wouldn’t drop IE7 support just yet–At least, not until you have some stats built up where you can make a measured decision of it’s worthiness.

    You’ll probably find a dozen or so funky layout problems with IE6-7, and you can just target them in your stylesheet using the star (*) hack. Just do a google search for “css star hack” if you don’t know what it is and how to use it.

    # March 16, 2013 at 3:10 pm

    Or use some specific standards in your coding and you won’t be needing any hacks.

    # March 16, 2013 at 4:14 pm

    Thanks all, good advice senff/treeroot! I’ll see what the stats say after a week or two, as you can probably tell this is all fairly new to me, still finding my feet.

    # March 17, 2013 at 5:30 am

    you can use some fallbacks for IE…more importantly suggest the users of IE6 to upgrade the browser or move to another browser…. and also if you do it in dreamweaver there is tool “check page–>check browser compatibily” and if any issue hits there is also the solution for it! at the bottom of dreamweaver

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".