SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    MAC Internet Explorer 5 - Problems

    Hi

    I submiited a site that I am currently working on http://www.learnevents.com/06/index.php to browsercam to see what it looked like when viewed by MAC's on IE 5.

    Well....... it is totally screwed, the navigation is centered and the content drops below the naviagtion far too much, here is an example http://www.learnevents.com/06/6762599.jpg

    I really dont know where to start, and how to fix this for MAC's, and the worse thing about it is the client uses this browser!

    Any help on this would be great, as deadline is fast approaching.

    Thanks

  2. #2
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    anyone? - I know what alot of answers will be "dont bother supporting IE5 for MACS, but on this one I have to, so any help would be great, it looks as though its just the naviagtion that is causing a prob.

    Thanks

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,552
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    HI,

    The first thing to do is to go through and check all your floats have widths as ie mac treats widthless floats as 100% wide.

    It looks as you have no width on you menu floats here:
    Code:
    .topmenuli{
     list-style-type:none;
     float:left;
     border-right:1px solid #f16222;
     border-left:1px solid #fab974;
     margin-top:10px;
    }
    For iemac you could try using inline-block instead of float (using the mac hack).

    e.g.
    Code:
    .topmenuli{
     list-style-type:none;
     float:left;
     border-right:1px solid #f16222;
     border-left:1px solid #fab974;
     margin-top:10px;
    }
    /* IE5 Mac Hack \*/ /*/ 
    .topmenuli{
    float:none;
    display:inline-block; 
    }
    /* End Hack */
    If that doesn't work then give ie5 mac widths for every float.

    Other likely bugs can be found here:
    http://www.macedition.com/cb/ie5macbugs/

    My old iemac is in another room and not connected to the net anymore so I can't take a look but if you want to zip up a complete working copy along with images I will copy it across and take a look although I can't guarantee to solve the problems as the layout is already too far advanced.

    When designing for ie5 mac you have to start with the lowest common denominator first and make sure it works there before you add more code for other browsers etc.

  4. #4
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Microsoft doesn't support IE5/Mac anymore and recommends Mac users to use Safari.
    Simon Pieters

  5. #5
    SitePoint Evangelist mumford1's Avatar
    Join Date
    Sep 2002
    Location
    UK
    Posts
    573
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul, let me do what you said first, and if that does not solve the problem, I will zip over the site to you.

    Thanks for your time and help!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •