Problème CSS avec Internet Explorer 8 et les cases à cocher
https://stackoverflow.com/questions/1414748
-
06-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai actuellement des problèmes avec Internet Explorer 8 en ignorant les hauteurs de remplissage / ligne que j'ai dans une liste contenant une case à cocher.
Pour commencer, voici mon balisage CSS et XHTML, ici , le problème se produit avec l'élément de liste qui inclut Privé .
À l’heure actuelle, Firefox 3, Internet Explorer 7, Safari 3, Google Chrome affichent parfaitement cette liste, capture d'écran ici. C’est toutefois de cette manière qu'Internet Explorer 8 affiche la liste, capture d'écran ici.
Quelqu'un peut-il suggérer une méthode pour résoudre ce problème?
Merci d'avance!
La solution
J'avais aussi une fois des problèmes avec IE8. Donc, j'ai déclaré un doctype différent et cela a fonctionné!
Vous poursuivez actuellement un projet xhtml transitoire.
Essayez ceci: (ok, édité)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
En savoir plus sur les doctypes et comment ils peuvent réparer les sites ici: Une liste à part: corrigez votre site avec le doctype correct
Autres conseils
// 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);
}
});
La case à cocher IE8 n'imprime pas le correctif à l'aide de jQuery
Il semble que dans IE (et Opera en tant que tel), la case à cocher ne participe pas au contenu en ligne du li, donc, comme le label ne le fait pas non plus car il est flottant, le paramètre de hauteur de ligne pour le li n'a aucun effet.
Ajouter un & amp; nbsp; après le libellé dans la ligne de la case à cocher, cela suffira pour que la hauteur de la ligne soit prise en compte, et tous les liens auront la même hauteur.
Mon expérience limitée avec IE8 jusqu’à présent est que c’est très pointilleux sur le balisage approprié. En conséquence, vous avez une étiquette proche sans tête correspondante. Vérifiez cela et voyez si cela aide.
