How many pixels is 1em in IE8?

css internet-explorer pixels em
frequent picture frequent · Mar 3, 2012 · Viewed 18.1k times · Source

Isn't 1em supposed to be 16px across all browsers?

I have this CSS

* {font-size: 1em; }
label { font-size: .85em; }

which on IE8 strangly gives label elements a height of 12px vs. the 13.6px I was hoping for.

Thanks for help!

Answer

Kian picture Kian · Mar 3, 2012

Isn't 1em supposed to be 16px across all browsers?

Not necessarily:

One 'Em'(1em) is equal to the height of the capital letter "M" in the default font size. When applied in CSS, the Em represents either the user's default font size, or the size of the parent element's font size, if one is available.

So while the default font size is 16px, perhaps you have a different size set on IE.

Also you may have some obscure parent element that is overriding it.

More info

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Support for "border-radius" in IE

Does anyone know if/when Internet Explorer will support the "border-radius" CSS attribute?

Read More
Apply style ONLY on IE

Here is my block of CSS: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } I only want IE 7, 8, and 9 to "see" …

Read More