css is not applying with Mac Os

[ravi]

Hi,

I have designed the Web Page with the Table less CSS,it is working fine with the Windows Platform.

But it when our client tested that it is not working with the Mac Os Platform.

Was there any emulator to test the website with the Mac Os Browsers.

Web page also appeared very small compared to the Windows platform.

What are the constraints to be followed while designing the webpage with the Mac Os?.

Can anyone Help me to get rid off the Problem.

by
ravi

[swa66]

Mac isn't different from most other platforms.

Concerning CSS there is but one deviant element: Microsoft's Internet Explorer (IE): do not use it to design sites in (fix the (numerous) issues later on using conditional comments) and it'll work fine.

Try your site in other browsers.

[alt131]

THe Macintosh Webmaster [webmasterworld.com] forum might be a good source of help for these issues as well.

Web page also appeared very small compared to the Windows platform.

This is common issue between pc and mac. Basically a dimension on most mac monitors will look smaller than on a pc. For example, a font size that is quite readable on pc's may be too small to read comfortably on a mac.

What are the constraints to be followed while designing the webpage with the Mac Os?.

Design constraints aren't special - there's a range of hardware, os's, user agents (including browsers), screen resolutions, user settings, etc, and macs are just one variant.

That said, mac owners seem loyal, so watch for older browser versions, (although astute mac-ers seem to tolerate changing settings to deal with built-with-windows-in-mind sites). All os's have different "default" fonts, so select a common one, plus specify a generic font-family as normal, fonts are drawn differently, so watch a font choice that could become "fuzzy" at certain sizes, gamma is different, so watch colours and images as they may not display as designed. If you've used conditional comments use exact version numbers not something generic like "lte ie6" - that will catch mac ie5 down - and they had different interpretations of the recommendations than pc based versions.

Was there any emulator to test the website with the Mac Os Browsers.

Most freebies seem to be criticised for poor performance, but recall you are wanting to run an os, so anything current won't be free.
Perhaps look for browsers that have been ported to or have a windows equivalent with same/similar rendering engines, like Safari for windows. Also check the support pages for browsers built for both (like firefox, opera) - the rendering differencs are usually well documented. A lower level option is to use a "browser shot" service to get snaps of the site to check for problems. Some of the free ones still have reasonable wait times.

macs can run several different os's easily, so a mac box is a good investment.

Can anyone Help me to get rid off the Problem

Not without knowing what "not working" means ;) If just sizing, overall, I've found % measurements to be the most versatile, but that's personal opinion.

[Aarem]

" Web page also appeared very small compared to the Windows platform."

This is because Mac screens tend to have very high resolution, making everything appear smaller. All you can do is keep this in mind when designing the site.

[swa66]

About high res: yep that's a choice one can make on certain macs. E.g. the one I type this on is a laptop with 1920x1200 resolution on it's 17" screen. Actually Apple sells displays typically used on a desktop mac with native resolutions of 2560x1600. Sometimes those systems end up with multiple such screens.

Users of such systems know what to expect and will hardly ever use it with a browser in full-screen mode.

As for IE on Mac: I doubt many still own a copy as you cannot download it anymore and Microsoft even had a message encouragng Mac users to use Safari instead.
You can expect Mac users to use Safari or Firefox or Opera (least of all). I hardly ever see a IE5.5 in my logs anymore (it's so broken that no user will expect it to work anymore)

Using technology such as Parallels or VMware many macs have the ability to rn other OSes as clients. It's pretty easy to have this around to quickly check how your changes as a mac webmaster affected the windows masses. But considering the overhead don;t expect average users to be willign to stick with Win/IE in a virtual environment, the experience from Safari/Firefox/... natively is far superior.

So that leaves your customers when you do layout subcontracting who need to see the light that people will not use a high res screen in full screen browser mode, nor that EI5.5 has any market share to speak of. So prepare that case before you let the customer surprise you. Usign a Mac yourself helps a lot to dispell, as you'll have much greater influence over them.

As far as layout goes:

• don't reset font sizes away from defaults, browsers and users DO know better than you what font is too small and what font is too large.
  
• keep your line length under control. Those newspapers using columns do it with a good reason. The only thing about colums is that going to the next column on a large page is easier in the paper world than on the web, so keep you main flow narrow enough to remain legible.