28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Est-ce que quelqu'un aurait déjà vu ce problème ?
J'ai un formulaire avec des label et des input qui s'affichent alignés correctement sur tous les navigateurs sauf IE7.

Voici une capture de ce que j'obtiens sur ce navigateur capricieux (encadrés en rouge ce sont les label)

http://uppix.net/4/5/c/72de644c9a06e50c900ef16c5baee.png

Sur certains champs on voit que IE rajoute une marge entre le label et l'input arbitrairement (en tout cas il me semble puisque tous les label et les input ont la même déclaration CSS)

Vous auriez une idée ?
Modifié par albator1932 (21 Jul 2010 - 18:53)
Salut,

pour t'aider il faudrait un lien vers une page en ligne ou, à défaut, les codes html et css permettant de reproduire le problème.
Hello,


Pourquoi n'essaierais tu pas, pour aligner tes input de les faire flotter à droite ?

Pour ce qui est de la marge fictive, je ne sais pas. Par contre, ta largeur de label à 125px passe bien sous FF, mais c'est pas assez pour IE. Ton texte déborde de ton label, ce qui implique le décalage des input par rapport aux autres.

Pour les upload de fichier par contre, je ne sais pas d'où cela peut venir ...
Bonjour,

C'est juste parce qu'il manque un blanc entre le texte et la fin de balise :

par exemple il faut écrire :
Date de naissance * </label>
et non pas
Date de naissance *</label>

C'est vrai pour les 3 éléments décalés