Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
CSS accross platforms
- Thread starter axman505
- Start date
- Thread starter
- #3
Both are 1280 X 1024 .. basicalyl IE on the PC loads the text ok. But every other browser, both pc and mac, loads it smaller. Is there any chunk of web code allowing for the default font size in IE for the pc to be changed? .. Or is there a better way to do this besides loading a seperate style sheet for each browser?
You can't change the user's default but there is a setting in IE for the user to prevent overriding of the font size by pages. Also, some fonts (even if TrueType) seem not to allow certain sizes to be rendered consistently. Have you tried setting the [tt]font-size[/tt] property in CSS to pixels instead of points:
to see if the problem still happens. How significant is the size difference?
[tt]________________________________________________________________
![[pc2]](/data/assets/smilies/pc2.gif "[pc2] [pc2]")
Roger
Life is a game of cards in which the deck contains only jokers.[/tt]
Code:
p {
font-size: 10px;
}[tt]________________________________________________________________
RogerLife is a game of cards in which the deck contains only jokers.[/tt]
- Thread starter
- #5
- Thread starter
- #6
The following works fine for me:
What [tt]font-family[/tt] are you using? If none, then what's the default font names in IE and the other browsers.
[tt]________________________________________________________________
Roger
Life is a game of cards in which the deck contains only jokers.[/tt]
Code:
<html>
<head>
<title>Test</title>
<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
p.a {
font-size: 8px;
}
p.b {
font-size: 10px;
}
p.c {
font-size: 12px;
}
</style>
</head>
<body>
<p class="a">test</p>
<p class="b">test</p>
<p class="c">test</p>
</body>
</html>[tt]________________________________________________________________
RogerLife is a game of cards in which the deck contains only jokers.[/tt]
- Thread starter
- #8
BillyRayPreachersSon
Programmer
The Mac version of IE displays text smaller than the windows version by default... You have to turn the text size to 120% to get a similar-sized match. I believe this has something to do with the DPI (72/96?)...
Also, it seems that all browsers I've tried on both Mac OS and Windows seem to let you change fixed-pixel size text (using px), except IE for windows.
I also seem to remember reading that IE ships with 'Smaller' text size selected out-of-the-box, and you have to switch to 'Medium' manually... Then again, 'Smaller' and 'Medium' are hardly good indications of the % of scaling that occurs at those sizes ;o)
If you use something like 0.8em of 1em for your main text size, it won't look too out of place on most browsers, I'd say.
Hope this helps!
Dan
Also, it seems that all browsers I've tried on both Mac OS and Windows seem to let you change fixed-pixel size text (using px), except IE for windows.
I also seem to remember reading that IE ships with 'Smaller' text size selected out-of-the-box, and you have to switch to 'Medium' manually... Then again, 'Smaller' and 'Medium' are hardly good indications of the % of scaling that occurs at those sizes ;o)
If you use something like 0.8em of 1em for your main text size, it won't look too out of place on most browsers, I'd say.
Hope this helps!
Dan
Try using keyword sizes, but apply the tweak given in to cope with some of IE's foibles.
-- Chris Hunt
-- Chris Hunt
- Status