Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

halu55

macrumors newbie
Original poster
Oct 14, 2009
5
0
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?
 
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?
 
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...
 
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?
 
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?
 
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.
 
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?
 
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.
 
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...
 
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.

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.
 
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.
 
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?
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.