ansaurus

Question

Why doesn't this small HTML/CSS snippet produce the expected results in IE?

Answer 1

+4 A:

IE doesn't recognize the CSS color name grey. Try using a hex color, e.g., #ccc, and it will work. Alternatively, using gray (with an 'a', not an 'e') also works.

Note that this is standards-compliant, because W3C doesn't say anything about supporting alternate spellings of gray, and gray is indeed the color name according to the spec for CSS3.

John Feminella 2010-02-07 15:07:12

+1 this is it. Had never noticed that. Beat me to the punch.

Pekka 2010-02-07 15:08:15

Answer 2

A:

Try adding this to your style defs:

html, body {
    height: 100%;
}

On IE, body doesn't extend the full height of the viewport by default, and your overlay's container is body, so...

Edit Just tried it, and yours worked without the above, must be because body is statically positioned. Anyway, John Feminella figured it out; see his answer.

T.J. Crowder 2010-02-07 15:07:44

ansaurus

tags:

views:

answers:

Why doesn't this small HTML/CSS snippet produce the expected results in IE?

related questions