CSS for Macs

[takuhii]

Does anyone know how to correctly format stylesheets for the Mac?

[psychobilly]

The same way you do for windows. The difference is in how the different browsers/platforms render the CSS. Structurally, the way you code is the same...

[Maxformed]

I guess your question is to maintain appearances? Define several fonts to go cross-platform, such as

.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
}
.textopen {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000000;
text-align: justify;
padding-right: 15px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.head {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #003399;
line-height: 24px;
}
.subhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #003399;
line-height: 22px;
}
.boldtext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #003399;
}
.ruletop {
border-bottom-width: 1px;
border-bottom-color: #000000;
border-bottom-style: solid;
font-size: 10px;
line-height: normal;
vertical-align: 45%;
}
a {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #003399;
line-height: 15px;
text-decoration: none;
}

Hope the example helps, you could pick more fonts that you are sure are commonly used.

Good luck,
Max

[Maxformed]

Sorry, I also found this. Haven't really looked at it yet.

[macedition.com...]

[Macguru]

Thanks for the gem Maxformed.

I really liked this page :

[macedition.com...]

Now this forum is going to get a lot quieter... ;)

[takuhii]

thanks for all the info guys, just trying to cover all the bases, cos' MACs seem to interpret my stylesheets differently to PCs. Guess it's just the engine behind the Web Browser...