How do you cope with OS X browsers in web design?

Discussion in 'Web Design and Development' started by ANTdod, Nov 6, 2007.

  1. ANTdod macrumors newbie

    ANTdod

    Joined:
    Nov 2, 2007
    #1
    Hi,
    I am just about to switch and buy a MBP. I saw a few web pages I have built on a Mac (Safari/FF) and they look a bit different that on IE. It is understandable as Macs generate fonts a bit different and Safari/FF are not the same as IE and FF on PC. How do you make sure that sites created on Mac looks good on PC? I am asking about other solutions than Windows on a MAC.

    Thanks
     
  2. superfunkomatic macrumors regular

    Joined:
    Jan 6, 2003
    Location:
    calgary, ab canada
    #2
    i've done web development for the last 10 years, all on a mac.
    i test my work on both PC and Mac computers. while there will be some differences in appearance, and slight differences in how things appear in layouts. generally, it's not that difficult to make sure that html code and css appear almost identically on both platforms, and in various browsers.

     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    I design toward standards, which works well on Firefox, Safari, Opera and the like, but IE not always so. If you design toward standards you won't have too many issues for Mac.
     
  4. maxrobertson macrumors 6502a

    Joined:
    Jun 15, 2006
    Location:
    Jakarta
    #4
    When I was doing web development, I found that IE would constantly mess the page up, so I always targeted to FireFox- at least people on both platforms could see it properly. Safari seems to be about the same as FireFox, and I believe IE 7 has gotten a little bit better.
     
  5. bootedbear macrumors 6502

    bootedbear

    Joined:
    Sep 13, 2004
    Location:
    Austin, TX
  6. jng macrumors 65816

    jng

    Joined:
    Apr 6, 2007
    Location:
    Germany
    #6
    :cool:

    Design to standards and you're 80% there. The rest is just tweaking to make sure IE gets it right. I rarely have problems with Firefox on PC. The fonts look different - aliased - but everything else is the same.
     
  7. Stampyhead macrumors 68020

    Stampyhead

    Joined:
    Sep 3, 2004
    Location:
    London, UK
    #7
    Internet Explorer makes even the best web designs look mediocre. I'm not sure what it is, perhaps their lack of anti-aliasing of fonts, I can't quite put my finger on it. But if you make sure to test your site on all browsers on both platforms then you can make sure it at least looks passable.
     
  8. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #8
    The problem isn't operating system related, but browser related.

    The problem is IE, and now safari Hacks!
     
  9. plumbingandtech macrumors 68000

    Joined:
    Jun 20, 2007
    #9
    Welcome to hell.

    AKA. Making something work in all the browsers at once. :D
     
  10. ANTdod thread starter macrumors newbie

    ANTdod

    Joined:
    Nov 2, 2007
    #10
    Thanks for your opinions. With IE 7 coming on board it is even less funny! A lot of people design for IE7 and sites don't work on IE 6 (and opposite). I will do as you suggest - make sure that I respect standards and small
    differences won't matters.

    Regards
     
  11. vanmacguy macrumors 6502a

    Joined:
    Aug 13, 2007
    Location:
    Not where you live.
    #11
    I agree with the above post. In my opinion, Firefox usually represents web standards the best on both Mac and Windows with Safari behind and IE following at last position.

    Cheers.
     
  12. RojoLeo macrumors 6502

    Joined:
    Mar 11, 2007
    Location:
    Austin, TX
    #12
    The best advice.

    ...no surprise coming from an Austinite. ;)
     
  13. stevietheb macrumors 6502a

    stevietheb

    Joined:
    Jan 15, 2004
    Location:
    Houston
    #13
    As many have said--start by designing to standards. From there, I open up Parallels and run the site in IE (yeah, I pretty much paid for Parallels and Windows so that I could get angry with IE6 from time-to-time).

    Most of the time, things are coo that way...
     
  14. thejadedmonkey macrumors 604

    thejadedmonkey

    Joined:
    May 28, 2005
    Location:
    Pa
    #14
    It's pretty simple, design to standards (Alpha PNG's, etc) and then open the site up in IE. Use a seperate CSS file to move everything around so that you can get to the information (even if it doesn't look as pretty, ever see an alpha blend PNG in IE6?) and then use CSS to make a nice message about how the site doesn't support IE6, use Firefox or Safari.
     
  15. atari1356 macrumors 68000

    atari1356

    Joined:
    Feb 27, 2004
    #15
    Make sure you set a doctype (I typically use XHTML 1.0 transitional) to force the browsers to use that standard. Otherwise some browsers will resort to their "quirks" mode and will render things very differently.

    More info:
    http://www.alistapart.com/stories/doctype/
     

Share This Page