Martin Heiden wrote:
> Bruce Gilbert wrote:
> > scroll down until you see the paragraph 'directions', and underneath
> > that you will see 'from I-85...below that you will see really tiny
> > text that says 'why am I so small?'. This is the text I am referring
> > to.
> .content table {
> color: #333;
> background:transparent;
> font: 70% Arial, Helvetica, sans-serif;
> padding:0;
> margin:0;
> }
> .content p {
> margin: 0;
> padding: 0 0 10px 2px;
> color: #333;
> font: 70%/150% Arial, Helvetica, sans-serif;
> }
> so it is 70% of 70%...
At first, that's what I thought too. I even confirmed it with Domi:
body (20px)
div#wrapper-no-border (20px)
div#pagecontent (20px)
div.content (20px)
table (.content table -> 70% -> 14px)
tr (14px)
td (14px)
p (.content p; 9.8px) 70% X 70%
But then I noticed use of not font-size, but font, and I thought
about this: "All font-related properties are first reset to their
initial values" http://www.w3.org/TR/CSS21/fonts.html#font-shorthand. So
where is the "initial" font-size value coming from to make the inherited
value 70% instead of 100%? Aren't "initial" values supposed to come from
the browser? Why is .content table creating the "initial" value for
font-size for .content p here?
> try
> .content table td p {
> font-size: 100%;
> }
.content td p works too, as does leaving the size of all content classes
and ids at 100% to start with, and setting size only on body. That way
your visitors can see content the size they wanted it in the first place
with a one line user stylesheet rule overriding your body rule, without
needing to zoom.
--
"Through Him all things were made; without Him nothing was made
that has been made." John 1:3 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
