IE 5 Mac float issues

Discussion in 'Web Design and Development' started by londonweb, Feb 19, 2008.

  1. londonweb macrumors 6502

    londonweb

    Joined:
    Sep 14, 2005
    Location:
    london
    #1
    I'm having some layout trouble in IE for Mac 5. I know this is a dinosaur of a browser but I keep finding people who are still using it, so unfortunately it can't be ignored.

    I think these issues may be down to incorrect implementation of the float style, and have read a bit about it - lots of people point out there are problems in this browser but I've yet to find a site which also details a solution.

    Here is a segment of the layout as it should look (in Safari):

    [​IMG]



    And here it is in IE 5:

    [​IMG]

    I don't think it's to do with widths, because I've tried playing with these to no avail.

    Any help much appreciated.
     
  2. kresh macrumors 6502a

    kresh

    #2
    Shunt IE 5 users to a different (very simple and plain) page, explain that due to using such an old and very un-modern web browser they will not enjoy, blah blah blah.

    Surely anyone that's using IE 5 have no expectations of 100% compatibility in today's world.
     
  3. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #3
    ie5, really? How many people? .01%? Wouldn't waste my time.
     
  4. londonweb thread starter macrumors 6502

    londonweb

    Joined:
    Sep 14, 2005
    Location:
    london
    #4
    Yeah, I would normally agree but I was determined to get to the bottom of this one...turns out my pngs were too wide, doh! It seems that Safari will crop the edge off an image so it never extends beyond it's containing element, but not so in IE, so the element with the float:right on it drops beneath the one to the left. I re-did my images and now it looks just right.

    Thanks for the comments though!
     
  5. morespce54 macrumors 65816

    morespce54

    Joined:
    Apr 30, 2004
    Location:
    Around the World
    #5
    I had a similar issue a while ago. Since then I decided (thank god) to go with the "unsupported browser" page. I think it's rude but with the mobile browsers coming up, I a cant' afford to maintain a separate site for IE 5 on Mac. Anyway, IIRC, you must add extra CSS for IE5 (try to add a Float AND a Clear value with nested LIs). Anyway, it's all depend on your code but:
    you have to add extra styles only for IE5 (therefore, you must know what's not parsed properly in your CSS on IE5 and you must be aware that IE5 doesn't support pseudo-class. You might want to try with nested tags (like: ul#menu li:hover>ul)

    good luck!
     

Share This Page