Problem with Internet Explorer 8 and Checkbox CSS

I am currently having problems with Internet Explorer 8, ignoring the registration / row heights that I have in the list that includes the checkbox.

To get started here, my CSS and XHTML markup is here , a problem arises with a list item that includes Private .

Currently, Firefox 3, Internet Explorer 7, Safari 3, Google Chrome displays this list perfectly, screenshot here. But here is how Internet Explorer 8 displays the list, a screenshot here.

Can someone suggest a method to fix this problem?

Thanks in advance!

+2
source share
4 answers

I also had some problems with IE8. So, I announced another method and it will work!

You are currently applying for xhtml conversion.

Try the following: (ok, edited)

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

read more about doctrines and how they can fix sites here: List separately - fix your site with the right doctrine

+3
source
 // fix for ie8 printed checkbox bug using jquery $('input[type=checkbox]').live('change', function(){ if($(this).is(':checked')){ $(this).attr('checked', true); } else { $(this).attr('checked', false); } }); 

IE8 check box do not fix print error using jQuery

+2
source

It seems that in IE (and Opera, as it happens), the checkbox does not participate in the li's embedded content, therefore, since the label is not either because it floats, setting the line height for li has no effect.

Add & nbsp; after the label in the line of the flag, and this will be enough for the line height to take effect, and all faces will be the same height.

+1
source

My limited experience with IE8 so far has been that it is very picky about proper markup. Accordingly, you have a tag tag without a corresponding head. Check it 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

0
source

All Articles