1. Accueil
  2. Question et réponse
  3. Problèmes de résolution d'étiquettes étrangement agissantes dans ie7

Problèmes de résolution d'étiquettes étrangement agissantes dans ie7

2010-06-11 5 views
1

Bon, alors c'est une sorte de double question donc je vais la diviser en deux.Problèmes de résolution d'étiquettes étrangement agissantes dans ie7

Première partie

Dans les navigateurs modernes, les principaux labels gras sont assis au-dessus de leurs éléments de formulaire correspondants et aligner à gauche comme on s'y attend. Cependant, en IE7, ils insèrent au hasard 10-15px encart. J'ai parcouru les outils de développement et n'ai rien trouvé pour le réparer. Je me suis assuré tous mes marges et le remplissage est remis à zéro, donc je ne comprends pas vraiment = S

Voici la démo de la page - link

Peut-être que certains d'entre vous-à-dire le savoir de bug génie de fixation quel est le problème? = D

Deuxième partie

Encore une fois avec des étiquettes, cette fois ceux en ligne résidents à côté des cases à cocher et des boutons radio. Dans les navigateurs modernes à nouveau, le côté à côté des éléments de formulaire comme prévu, mais pas dans IE7 où ils prennent une nouvelle ligne. J'ai essayé de flotter, de changer les marges et tout, mais sans aucun effet en l'installant en ligne avec le div.checker ou div.radio qui est créé par le plugin Jquery uniforme.

est ici la démo de la page - link

Désolé pour vous importuner avec mes problèmes IE7, je sais qu'ils ne coûtent pas le plus amusant à résoudre. Espérons que quelqu'un a la patience d'aider.

Matt

Source

2010-06-11 Qwibble

Répondre

1

Partie 1:

ol,ul{ 
    list-style-type:circle; list-style-position:inside; 
}

Si vous changez à ce que:

ol,ul{ 
    list-style-type:circle; 
}

Ou tout simplement supprimer la définition tout à fait, qui semble le faire pour moi.

Je pense que c'est une chose raisonnable à faire, car je ne vois rien en train d'utiliser les listes à puces.

Modifier la partie 2:

IE n'aime pas:

input{ 
    background:#FFFFFF url(../images/input_bg.png) repeat-x; 
    border:1px solid #CCCCCC; 
    margin-bottom:20px; 
    -moz-border-radius:3px; 
    padding:7px; 
    -webkit-border-radius:2px; 
}

Si vous supprimez la margin-bottom:20px; de cela, votre bouton radio ne sera pas foiré.Désolé, je ne fournis pas vraiment de solutions spécifiques IE7, mais au moins, vous avez les points à corriger.

Source

2010-06-11 19:07:23 Ryley

+0

Partie 1 travaillé un régal. La partie 2 n'a eu aucun effet dans ie7, j'ai essayé de supprimer la marge et ainsi de suite dans le div.checker et .radio aussi, mais pas de chance = S – Qwibble

+0

D'accord, je l'ai corrigé. J'ai eu le cerveau de vérifier si la démo de l'uniforme avait des étiquettes en ligne, et c'est ce qui s'est passé. Il a imbriqué les entrées dans l'étiquette, qui est le génie, et fonctionne dans ie7 lol = D Apparemment, j'ai juste l'habitude de rendre la vie difficile pour moi-même. Merci pour votre aide et dépannage homme, appréciez-le. – Qwibble

Questions connexes

 Questions connexes