![]() | |
![]() |
| | Thread Tools | Display Modes |
#1
| |||
| |||
|
#2
| |||
| |||
|
|
I am trying to make my style sheet as compatible as possible and I'm getting a bit confused here. I've read that the best size for font-size would be 76.1%; due to shortcomings in the way both IE and Opera render that attribute. |
|
Is this correct? |
#3
| |||
| |||
|
|
"1001 Webs" <1001w... (AT) gmail (DOT) com> wrote in message news:1194179010.637681.296830 (AT) o3g2000hsb (DOT) googlegroups.com... I am trying to make my style sheet as compatible as possible and I'm getting a bit confused here. I've read that the best size for font-size would be 76.1%; due to shortcomings in the way both IE and Opera render that attribute. You read the wrong thing. Is this correct? No, it is not. Either specify font-size: 100% or specify nothing, that is leave font-size out entirely. That way your viewer has the benifit of reading your page with the font size *she* has chosen as best for *her*. Well , maybe *she* has not bother to choose was best for *her*, |
|
Read the archive for this and other newsgroups for more information. I have, that's why I'm asking. |
#4
| |||
| |||
|
|
1001 Webs wrote: I am trying to make my style sheet as compatible as possible and I'm getting a bit confused here. I don't understand why... I've read that the best size for font-size would be 76.1%; due to shortcomings in the way both IE and Opera render that attribute. Is this correct? No. Please cite where you read that 76.1% is "best". Results 1 - 10 of about 11,500 for font-size: 76.1%. |
|
Opera has no shortcomings. IE, on the other hand, has lots of them. For example, if you were to specify the body font in em units, when a user changes, for example, from Medium to Larger, rather than getting an expected small percentage in increase, IE *doubles* the size. Hence, comes the recommendation to use body { font-size: 100%; } |
#5
| |||
| |||
|
|
On Nov 4, 2:13 pm, "Beauregard T. Shagnasty"<a.nony.m... (AT) example (DOT) invalid> wrote: 1001 Webs wrote: I am trying to make my style sheet as compatible as possible and I'm getting a bit confused here. I don't understand why... I've read that the best size for font-size would be 76.1%; due to shortcomings in the way both IE and Opera render that attribute. Is this correct? No. Please cite where you read that 76.1% is "best". Results 1 - 10 of about 11,500 for font-size: 76.1%.http://www.google.com/search?hl=en&q...25&btnG=Search Opera has no shortcomings. IE, on the other hand, has lots of them. For example, if you were to specify the body font in em units, when a user changes, for example, from Medium to Larger, rather than getting an expected small percentage in increase, IE *doubles* the size. Hence, comes the recommendation to use body { font-size: 100%; } How about this?: "As a general rule for best cross-browser consistancy, you need to do a few of things for text resizer buttons to work well: 1. in the body tag, define a font size of 76% Code: body { font-size:76%; } 2. Define all font sizes in "em". This is a relative unit, for example: Code: p { font-size:1em; } |
#6
| ||||||||
| ||||||||
|
|
1001 Webs wrote: 1001 Webs <1001w... (AT) gmail (DOT) com> wrote: "Beauregard T. Shagnasty" wrote: Please cite where you read that 76.1% is "best". Results 1 - 10 of about 11,500 for font-size: 76.1%. http://www.google.com/search?hl=en&q...25&btnG=Search Results 1 - 10 of about 7,300,000 for font-size: 100%http://www.google.com/search?hl=en&q...25&btnG=Search Trumped. Not so. |
|
Opera has no shortcomings. IE, on the other hand, has lots of them. For example, if you were to specify the body font in em units, when a user changes, for example, from Medium to Larger, rather than getting an expected small percentage in increase, IE *doubles* the size. Hence, comes the recommendation to use body { font-size: 100%; } How about this?: "As a general rule for best cross-browser consistancy, you need to do a few of things for text resizer buttons to work well: Text resizer buttons are not necessary, if you use the visitor's chosen size to start with. <shrug You all keep talking about the "visitor's chosen size" |
|
My ISP's former home page had those three-sized "A"'s to click on. The associated style sheets were 62.5%, 76%, and 92%. All of which are smaller than I prefer. 1. in the body tag, define a font size of 76% Code: body { font-size:76%; } Flyspecks. Uh? |
|
2. Define all font sizes in "em". This is a relative unit, for example: ..except for the IE bug, using em would work. 1 of them. So, that's one of my doubts. |
|
Or this: /* reset the font sizes to the base font size that we want */ body {font-size : 100.01%;} /* For Stupid Opera */ ... older versions. that have to be taken into account as well, I'm afraid, specially IE6 |
|
body {font-size : 62.5%;} /* Resets 1em=10px: */ ... px size varies with resolution, monitor sizes, DPI settings, OSs. #outer-wrap {*font-size:101%;} /* For Stupid IE */ ... well, that's true. ok |
|
#inner-wrap {font-size:100%;} http://meyerweb.com/eric/thoughts/20...eset-reloaded/ ..which says: font-size: 100%; so I guess you agree? yep |
| http://www.xs4all.nl/~sbpoley/webmatters/fontsize.html We could trade links all day. Why are you so recalcitrant about using the visitor's chosen size? Because when I use font-size: 100%; as the only directive my top row |
#7
| |||
| |||
|
|
On Nov 4, 3:11 pm, "Beauregard T. Shagnasty" a.nony.m... (AT) example (DOT) invalid> wrote: 1001 Webs wrote: We could trade links all day. Why are you so recalcitrant about using the visitor's chosen size? Because when I use font-size: 100%; as the only directive my top row grows too much And the H1,2,3 don't look nice. It doesn't happen with font-size:76%; |
#8
| |||
| |||
|
|
1001 Webs wrote: "Beauregard T. Shagnasty" wrote: Text resizer buttons are not necessary, if you use the visitor's chosen size to start with. <shrug You all keep talking about the "visitor's chosen size" Are you referring to the visitor's default browser assigned size size as well? One and the same. Some users are astute enough to set it to something else, if the default is not comfortable for them. Others suffer. Still others simply hit the back button when they arrive at a page they can't read. Flyspecks. Uh? How big is a flyspeck? Tiny. Like 62.5%. ..except for the IE bug, using em would work. 1 of them. So, that's one of my doubts. No ems then, to ensure IE compatibility, right? You're catching on... Because when I use font-size: 100%; as the only directive my top row grows too much And the H1,2,3 don't look nice. So set them. Yep |
|
It doesn't happen with font-size:76%; You didn't understand my page, whose link I have posted several times.http://k75s.home.att.net/fontsize.html font-family: sans-serif; /* u-pick, like strawberries :-) */ |

|
quote What to use in your style sheet Here is a small sample of how you can assign flexible font sizing in your own CSS style sheet: body { font-size: 100%; } h1 { font-size: 175%; } /* Adjust heading sizes as appropriate */ h2 { font-size: 150%; } h3 { font-size: 135%; } h4 { font-size: 125%; } .legalese { font-size: 85%; } /* Footers and the "fine print" */ /quote ..and with rare exception, you won't have to set any *other* sizes. |
#9
| |||
| |||
|
|
1001 Webs wrote: Yes, yes and YES. See? I didn't think you had read it. Thank you again. How could I ever compensate you for this? How about coming through Upstate New York and buying steak dinners? |
#10
| |||
| |||
|
|
On Nov 4, 5:13 pm, "Beauregard T. Shagnasty" a.nony.m... (AT) example (DOT) invalid> wrote: 1001 Webs wrote: Yes, yes and YES. See? I didn't think you had read it. Thank you again. How could I ever compensate you for this? How about coming through Upstate New York and buying steak dinners? That's a deal, then. We'll have to wait until I get some real income first, but that is expected to happen in the first quarter of 2008. P.D. So you are not Indian after all, not a religious one at least ... |
![]() |
| Thread Tools | |
| Display Modes | |
| |