Problème avec la position du formulaire d'en-tête

Question

J'ai donc un formulaire d'inscription en haut de mon site web et en safari/firefox ça a l'air parfait mais sur ie7 pour une raison quelconque il est poussé vers le bas donc ça n'a pas l'air correct. J'ai essayé de supprimer tous les bourrelets/marges sur tous ces éléments, mais il semble toujours qu'il y ait quelque chose qui le pousse quand ça arrive. Est-ce que quelqu'un sait pourquoi cela se produit. Vous pouvez le voir en haut de cette page:

http://www.campusmediawatch.org/partners

Merci!

Answer 1

Un <form> doit avoir le remplissage & marge mis à 0. Puis régler l'alignement vertical au centre peut aider aussi. Si ça ne marche toujours pas; essayez de changer le doctype en HTML au lieu de XHTML, car IE utilise des rendus différents pour chaque doctype.

Answer 2

Il y a deux cuases probables:

1. Il est toujours un peu difficile à déboguer ces questions, mais cela pourrait être un problème avec hauteur de ligne. Je voudrais essayer de spécifier une hauteur de ligne explicite de 1em ou plus aux éléments dans le formulaire.

2. Dans votre cas, il est plus probable que le bouton d'envoi provoque votre problème. Les différents navigateurs Web rendent les balises d'entrée incorrectes. Essayez de masquer votre bouton d'envoi en le stylisant sans afficher aucun pour voir si cela cause en fait votre problème d'affichage dans IE. Si c'est le cas, vous pouvez créer une feuille de style spécifiquement pour IE via des commentaires conditionnels et appliquer un style alternatif à la balise submit. OU vous pouvez utiliser le positionnement absolu pour l'entrée de soumission, ce qui devrait vous permettre d'éviter de recourir à une feuille de style spécifique au navigateur.