ansaurus

Question

Internet Explorer 8 and Checkbox CSS Problem

Answer 1

A:

I was also once having some problems with IE8. So, I declared a different doctype and it worked!!

Currently, you are suing xhtml transitional.

Try this:(ok, edited)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

read more about doctypes and how can they fix sites here: A list apart-Fix your site with right doctype

Learner 2009-09-12 09:52:22

+1 it's picky about this too

T. Stone 2009-09-12 09:53:09

This fixed it but broke the rest of my site :/Is there any ideas to why this is occuring CSS wise?

schone 2009-09-12 10:28:42

Well it should really be XHTML 1.0 Strict, since you're using XHTML syntax not HTML4. Either way, Strict/Transitional normally switches between full Standards and “Almost Standards” mode; there is not usually much difference. The curious thing is that your transitional doctype should have left you in Almost Standards mode, which is closer to what IE7 did than full Standards.

bobince 2009-09-12 10:33:55

Setting it back to strict fixed it! Thanks!

schone 2009-09-12 10:49:55

Most welcome :)

Learner 2009-09-12 16:06:51

Answer 2

A:

My limited experience with IE8 so far has been that it's very picky about proper markup. Accordingly, you've got a close tag with no corresponding head. Check that out and see if it helps.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.users.on.net%2F~prashyanthy%2Ftext.html&charset=%28detect+automatically%29&doctype=Inline&group=0

T. Stone 2009-09-12 09:52:31

Fixing this made no changes to the issue.

schone 2009-09-12 10:28:00

Answer 3

A:

It seems that in IE (and Opera as it happens) the checkbox doesn't participate in the inline content of the li, so, since the label doesn't either because it's floated, the line-height setting for the li has no effect.

Add a   after the label in the checkbox line, and that will be sufficient for the line-height to take effect, and all the li s will be the same height.

Alohci 2009-09-12 10:32:48

ansaurus

tags:

views:

answers:

Internet Explorer 8 and Checkbox CSS Problem

related questions