Re: [css-d] why are ems rendering large?

On Thu, 24 Jul 2014, John wrote: Is there a way to tell the browser…*any* browser: 1em = 16px and that’s that? Or is body { font-size:100%; } —with the underlying hope and assumption that 100% is understood to mean 16px and from there the leap that 1em equals the 16pixels — all we hav

Re: [css-d] why are ems rendering large?

On 2014-07-25 08:15 (GMT+0300) Jukka K. Korpela composed: The downside of the rem is... While everything you wrote is or at least appears to be true, it entirely misses the higher level point I was trying to make, which was to put forth in simplistic terms the idea that thinking in px is bes

Re: [css-d] why are ems rendering large?

Le 25 juil. 2014 à 15:06, John a écrit : > Is there a way to tell the browser…*any* browser: 1em = 16px and that’s that? > > Or is > > body > { > font-size:100%; > } > > —with the underlying hope and assumption that 100% is understood to mean 16px > and from there the leap that 1em equ

Re: [css-d] why are ems rendering large?

Is there a way to tell the browser…*any* browser: 1em = 16px and that’s that? Or is body { font-size:100%; } —with the underlying hope and assumption that 100% is understood to mean 16px and from there the leap that 1em equals the 16pixels — all we have in that toolkit? John _

Re: [css-d] why are ems rendering large?

2014-07-25 6:50, Felix Miata wrote: OTOH, the em unit at the document root, where it's equal to 1rem, is also equal to the user's definition of optimal text size, as reflected by the browser's default size setting. The downside of the rem is lack of support in some old browsers. We need to we

Re: [css-d] why are ems rendering large?

On 2014-07-24 22:47 (GMT-0400) Crest Christopher composed: Is this a golden rule, 1em = 16px ? Per happenstance, 16px is the most commonly shipped default. In some browsers, the default is actually 12pt, but because the display density a genuine traditional pt depends upon assumes a density

Re: [css-d] why are ems rendering large?

On 7/24/14, 19:53, Tom Livingston wrote: I believe so. On Thursday, July 24, 2014, Crest Christopher wrote: A font-size of 120% is 19px, is my math correct ? Tom Livingston wrote: I don't know about golden, but it equal to the browser default which, if unchanged, is usually 16px. On Thur

Re: [css-d] why are ems rendering large?

I believe so. On Thursday, July 24, 2014, Crest Christopher wrote: > A font-size of 120% is 19px, is my math correct ? > > Tom Livingston wrote: > > I don't know about golden, but it equal to the browser default which, if > unchanged, is usually 16px. > > > > On Thursday, July 24, 2014, Crest Ch

Re: [css-d] why are ems rendering large?

A font-size of 120% is 19px, is my math correct ? Tom Livingston wrote: I don't know about golden, but it equal to the browser default which, if unchanged, is usually 16px. On Thursday, July 24, 2014, Crest Christopher mailto:crestchristop...@gmail.com>> wrote: Is this a golden rule,

Re: [css-d] why are ems rendering large?

I don't know about golden, but it equal to the browser default which, if unchanged, is usually 16px. On Thursday, July 24, 2014, Crest Christopher wrote: > Is this a golden rule, 1em = 16px ? If the math is 120 * 16 = 1920 px or > rounded down as mentioned 19px, correct ? > > Tom Livingston wr

Re: [css-d] why are ems rendering large?

Is this a golden rule, 1em = 16px ? If the math is 120 * 16 = 1920 px or rounded down as mentioned 19px, correct ? Tom Livingston wrote: On Thu, Jul 24, 2014 at 9:40 AM, Crest Christopher wrote: Now you confused me ? ems are relative to font size. Given a browser default of 16px, 1em =

Re: [css-d] why are ems rendering large?

Le 25 juil. 2014 à 01:06, Chris F.A. Johnson a écrit : > Note that you can also specify font-size in rem, which is relative > to the BODY's font-size. See . Ahem, Chris: > rem unit > Equal to the computed value of font-size on the ***root element***. > W

Re: [css-d] why are ems rendering large?

On 2014-07-24 08:45 (GMT-0700) John composed: So, I either have to keep track of the math, or…is there another, better way I should have built that lock-up? If you are not in need to support ancient browsers, there is an easy way: instead of 1.25em, use 1.25rem, which matches your expectatio

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 12:52 PM, John wrote: > > On Jul 24, 2014, at 9:49 AM, Tom Livingston wrote: > >> You could, since that h1 is an image, spec it to be font-size: 1em; but I >> tend to agree text trumps alt text. > > OK..so for the css declaration, it could be: > > #logo h1{ > font

Re: [css-d] why are ems rendering large?

On Jul 24, 2014, at 9:49 AM, Tom Livingston wrote: > You could, since that h1 is an image, spec it to be font-size: 1em; but I > tend to agree text trumps alt text. OK..so for the css declaration, it could be: #logo h1{ font-size:1em; color:black; blah; blah;

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 12:00 PM, John wrote: > On Jul 24, 2014, at 8:53 AM, Tom Livingston wrote: >> Not really. You are currently making that the highest level head >> element (h1) of the page. Is that what you want? > > Not if the h1-wrapped element is a graphic whose only text opportunity is

Re: [css-d] why are ems rendering large?

> > > Right on…the hide me from view method is one I was encouraged to explore; > have not yet done so. > Take a look at https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css#L110 __ css-discuss [css-d@lists.css-discu

Re: [css-d] why are ems rendering large?

On Jul 24, 2014, at 9:01 AM, Chris Rockwell wrote: > If you want to use em's, you'll need to be aware of parent font sizes. > Personally, I don't put 's in 's, but I see it in practice all of > the time (and it's acceptable as far as the standards bodies are > concerned). > > If it was me, I'd p

Re: [css-d] why are ems rendering large?

On Thu, 24 Jul 2014, John wrote: On Jul 24, 2014, at 8:40 AM, Chris Rockwell wrote: I don't think you're recognizing that em's inherit from their parent. - #header-logo is a child of - has a font-size of 2em (set by user agent stylesheet) - #header-logo therefore has a base font-size of 2e

Re: [css-d] why are ems rendering large?

On Jul 24, 2014, at 8:53 AM, Tom Livingston wrote: > Not really. You are currently making that the highest level head > element (h1) of the page. Is that what you want? Not if the h1-wrapped element is a graphic whose only text opportunity is the alt tag. if that logo were live type, then yes.

Re: [css-d] why are ems rendering large?

> > > So, I either have to keep track of the math, or…is there another, better > way I should have built that lock-up? > If you want to use em's, you'll need to be aware of parent font sizes. Personally, I don't put 's in 's, but I see it in practice all of the time (and it's acceptable as far as

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 11:45 AM, John wrote: > On Jul 24, 2014, at 8:40 AM, Chris Rockwell wrote: > >> I don't think you're recognizing that em's inherit from their parent. >> >> - #header-logo is a child of >> - has a font-size of 2em (set by user agent stylesheet) >> - #header-logo therefore

Re: [css-d] why are ems rendering large?

On Jul 24, 2014, at 8:40 AM, Chris Rockwell wrote: > I don't think you're recognizing that em's inherit from their parent. > > - #header-logo is a child of > - has a font-size of 2em (set by user agent stylesheet) > - #header-logo therefore has a base font-size of 2em, or 32px (assuming 16px

Re: [css-d] why are ems rendering large?

John, I don't think you're recognizing that em's inherit from their parent. - #header-logo is a child of - has a font-size of 2em (set by user agent stylesheet) - #header-logo therefore has a base font-size of 2em, or 32px (assuming 16px is the base) - Padding #header-logo by 1.25em is equal to

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 11:38 AM, John wrote: > On Jul 24, 2014, at 8:35 AM, Tom Livingston wrote: > >> Where, specifically on the page, are we talking about? > > This spot: > > http://www.coffeeonmars.com/170_su/template/home.html > > this declaration: > > #header-logo { > height: auto; >

Re: [css-d] why are ems rendering large?

On Jul 24, 2014, at 8:35 AM, Tom Livingston wrote: > Where, specifically on the page, are we talking about? This spot: http://www.coffeeonmars.com/170_su/template/home.html this declaration: #header-logo { height: auto; margin: 2em 0 0 16px; width: 300px; } Notice that margin lef

Re: [css-d] why are ems rendering large?

On Thu, 24 Jul 2014, John wrote: On Jul 24, 2014, at 8:18 AM, Tom Livingston wrote: ems are relative to font size. Given a browser default of 16px, 1em = 16px. If you have something set at font-size: 120%;, that's 120% bigger than 16px (1em) so, like Chris said, it would be 19px (rounded d

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 11:22 AM, John wrote: > > On Jul 24, 2014, at 8:18 AM, Tom Livingston wrote: > >> ems are relative to font size. >> >> Given a browser default of 16px, 1em = 16px. >> >> If you have something set at font-size: 120%;, that's 120% bigger than >> 16px (1em) so, like Chris sai

[css-d] CSS columns and figures

If you haven't seen this yet, it's worth the read and play time: http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mail

Re: [css-d] why are ems rendering large?

On Jul 24, 2014, at 8:18 AM, Tom Livingston wrote: > ems are relative to font size. > > Given a browser default of 16px, 1em = 16px. > > If you have something set at font-size: 120%;, that's 120% bigger than > 16px (1em) so, like Chris said, it would be 19px (rounded down) or > 1.188em; This

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 9:40 AM, Crest Christopher wrote: > Now you confused me ? > > ems are relative to font size. Given a browser default of 16px, 1em = 16px. If you have something set at font-size: 120%;, that's 120% bigger than 16px (1em) so, like Chris said, it would be 19px (rounded dow

Re: [css-d] why are ems rendering large?

On Thu, Jul 24, 2014 at 9:40 AM, Crest Christopher < crestchristop...@gmail.com> wrote: > Now you confused me ? > >> . > An em is the same as the font-size; if your font-size is 120%, an em will be 20% larger than in a block where the font-size is 100%. >>> >> > Chr

Re: [css-d] why are ems rendering large?

Now you confused me ? Chris F.A. Johnson wrote: On Thu, 24 Jul 2014, Crest Christopher wrote: A 120% font-size is 140%, correct ? I rather verify then assume I understand it correctly ! No. 120% is 120%, i.e. 20% larger than the body (actually than its container's) size. 140% is 40% larg