Web development - differences Mac & Windows

Discussion in 'Web Design and Development' started by halu55, Oct 14, 2009.

  1. halu55 macrumors newbie

    Joined:
    Oct 14, 2009
    #1
    Hi!
    My biggest problem at the moment is, that i don't know how to eliminate the differences between mac and win. I made the website in coda, and it looked perfectly on Mac. But then i realized that in windows margins are different, so my site is mixed up. I don't know why is it... :confused: it looks like the difference is between the font weight,or something like that...can anyone help me please?how can i bulid cross-platform websites?
     
  2. thejadedmonkey macrumors 604

    thejadedmonkey

    Joined:
    May 28, 2005
    Location:
    Pa
    #2
    There's no difference between mac and win. The difference is between Safari, Firefox, Chrome, Internet Explorer, and Opera.

    Which browser doesn't it work with?
     
  3. halu55 thread starter macrumors newbie

    Joined:
    Oct 14, 2009
    #3
    i know about the differences between the browsers... but I checked it in firefox on mac, and then in firefox in windows...and it was differnet...
    i have no idea why it is this way...
     
  4. star-fish macrumors regular

    Joined:
    Aug 24, 2009
    #4
    Are you using exactly the same versions of FF on both?

    Have you tried altering your screen resolution on the Windows one to match the Mac?
     
  5. halu55 thread starter macrumors newbie

    Joined:
    Oct 14, 2009
    #5
    yes, i am using the same versions on both platforms...why do you think it is because of the resolution?i don't think it so...i am using constant width for my container,so it should be the same no matter what kind of resolution u are using..or am i wrong?
     
  6. Styxie macrumors member

    Joined:
    Oct 29, 2008
    Location:
    Holland
    #6
    Check your fonts. I made a webpage in Lucida Sans Unicode, which is on my iMac. However, on my MacBook the page looked different, with a different font. This was because I didn't install Office 2008 on my MacBook. Also, font sizing works in different ways, as Macs have lower DPI than most Windows machines. So there you go.
     
  7. star-fish macrumors regular

    Joined:
    Aug 24, 2009
    #7
    Because, as thejadedmonkey said, there's no difference with how webpages are displayed on Mac or Windows computers.

    The screen resolution was just something else to eliminate, because sometimes it can do funny things to text and you said that was a problem.

    So there's a short list of possibilities:

    1. Different versions of the same browser (we know it's not this)
    2. Different screen resolutions
    3. Use of fonts and styling
    4. Different types/size of screen itself (though this is very unlikely)
    5. Different browser plugins on the computers you're using which somehow affect the size or rendering of the page
    6. Different settings in the browser for each computer
    7. Cache has been cleared on one computer but not the other

    Have you tried googling your problem or looking for support on Coda's site?
     
  8. Angelo95210 macrumors 6502a

    Angelo95210

    Joined:
    Jan 7, 2009
    Location:
    Paris, France
    #8
    PC and Macs do not render colors the same. First thing. I try to use as much as possible the standardized web colors to keep it safe (look at web colors on wikipedia). Then maybe the fonts as well may differ.

    Anyway always check with the W3C code validator. But I assume you already do.
     
  9. halu55 thread starter macrumors newbie

    Joined:
    Oct 14, 2009
    #9
    of course im using the validator...at the moment im using this css to generate the fonts:
    font-family: tahoma, geneva, sans-serif
    font-size: 12px

    i have read several articles about web-safe fonts, but as you can see it doesnt really work...the difference is maybe in the font-weight, because on mac it looks bolder...
     
  10. Angelo95210 macrumors 6502a

    Angelo95210

    Joined:
    Jan 7, 2009
    Location:
    Paris, France
    #10
    Oh yeah I see what you means. No it's just the Mac being better at displaying some fonts, I fear there is nothing to do about this...
     
  11. NoNameBrand macrumors 6502

    Joined:
    Nov 17, 2005
    Location:
    Halifax, Canada
    #11
    Those 216 'web safe' colours were great when we only had 256-colour displays. We now have 16-bit and 32-bit displays. Move on.
     
  12. thejadedmonkey macrumors 604

    thejadedmonkey

    Joined:
    May 28, 2005
    Location:
    Pa
    #12
    I believe that what you're alluding to is the different gamma (1.8 on OS X vs. 2.2 on Windows). However, with Snow Leopard, Apple has now switched to a 2,2 gamut, so (soon, hopefully) it won't be an issue.
     
  13. Hubbu macrumors newbie

    Joined:
    Dec 24, 2007
    #13
    halu55 are you referring to the way fonts are being displayed? I created a website as an exercise which I built in Mac OS X. It looked great and I gave myself a pat on the back. However, when I presented my website to my professor on Windows XP, the layout looked slightly different.

    http://i38.tinypic.com/2aeoxu1.jpg
    Notice how the footer text is right up to the lollipops in Windows XP vs Mac OS X. :confused: I wish I had a solution.
     
  14. halu55 thread starter macrumors newbie

    Joined:
    Oct 14, 2009
    #14
    hubbu:
    yeah, i have got similiar problem...in windows it is displayed correctly, but in mac os x there is like a right-margin at the end...like in your work...
    what is the problem?is any solution for it?
     

Share This Page