logo

$4
IE 6 issue

Having some trouble with IE6 displaying the top header here:

Displays correctly in all other browsers but IE6 is adding it all the way over to the right.

Any ideas?

Rob Cleaton | 04/18/10 at 7:43am | Edit

ie6 browser css

(7) Possible Answers Submitted...

  • avatar
    Last edited:
    04/18/10
    8:11am
    Konrad Karpieszuk says:

    hi, you skipped link (or maybe this site cutted it off, in this case try to show it in other way, replace http with something, dots with comas...)

  • avatar
    Last edited:
    04/29/10
    3:47am
    Lew Ayotte says:

    The top header looks about the same for me in IE6 (using IETester)... can you take a screen shot to explain what exactly is happening?

    You have some transparency issues too (use this to fix: http://www.twinhelix.com/css/iepngfix/)

    BTW, IE6 makes up less than 10% of the market share - it might not be worth developing for it (unless you're required to for some reason).

    Konrad, the URL is http://www.thelondonpolice.co.uk/ (I checked the page source to get it).

    Lew

    attachment image View Attachment

    Previous versions of this answer: 04/18/10 at 8:51am | 04/18/10 at 8:52am

  • avatar
    Last edited:
    04/18/10
    9:32am
    Erez S says:

    Here is few articles about ie6 bugs. I think you'll find the solution there:
    css-tricks.com/ie-css-bugs-thatll-get-you-every-time/
    positioniseverything.net/explorer.html
    virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
    enjoy

  • avatar
    Last edited:
    04/18/10
    11:33am
    WP Answers says:

    Hey man, IE6 is nearly dead. Save yourself the headache and stop supporting it.

    I stopped supporting it for the last 2 sites I've built and my life is so much beter because of it ;)

    I use this now: http://code.google.com/p/ie6-upgrade-warning/

  • avatar
    Last edited:
    04/19/10
    6:11pm
    WP Security says:

    Here are some simple solutions for IE6:

    * http://www.incerteza.org/blog/projetos/shockingly-big-ie6-warning/

    Download: http://wordpress.org/extend/plugins/shockingly-big-ie6-warning/

    My favorite and what we use on our sites:

    * http://www.stoplivinginthepast.com/

    Download: http://wordpress.org/extend/plugins/stop-living-in-the-past/

    If you need some justfication for why it's time to move on, take at look at these browser usage stats,

    http://www.w3schools.com/browsers/browsers_stats.asp

    IE6 usage is now under 9% and falling monthly, but I suggest you also check the site's stats to see just how many IE6 users are stopping by.

    Good luck,

    D.K.

    Previous versions of this answer: 04/18/10 at 12:33pm | 04/18/10 at 12:34pm | 04/19/10 at 6:11pm

  • avatar
    Last edited:
    04/18/10
    9:18pm
    Jesse Perez says:

    try:
    position: relative;
    or
    display:inline;
    or if all else fails you can always use:
    .class {
    width:200px; /* All browsers */
    *width:250px; /* IE */
    _width:300px; /* IE6 */
    .width:200px; /* IE7 */
    }

  • avatar
    Last edited:
    04/19/10
    9:45am
    Merne Asplund says:

    While you may not need to support IE6 any longer, its always a good idea to let your work degrade gracefully. I would use relative positioning for IE6 only, because I understand you want that background image to scale with window resize. This means in IE6 that image will be bumped down about the height of the header.

    • 04/20/10 9:56am

      Merne Asplund says:

      I also cannot duplicate your issue in IE6.

      Looks like you have 215px of left margin on a ul class "menu". Is IE6 doubling this? Maybe upload a screenshot of your issue?

This question has expired.





Current status of this question: Completed