28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai un problème de positionnement pour un élement de formulaire (input type=text). J'ai bien lu l'article indiquant que les éléments de formulaires sont difficilement stylables, mais il ne s'agit ici que du positionnement...

Voici mon code HTML:
<input type="text" name="monElement" id="monElement">


Et voici le CSS correspondant:
input#monElement { position:absolute; height:16px; left:115px; right:195px; bottom:9px; background-color:#ffff00; }


Rien de bien compliqué à priori... Ca marche parfaitement avec Firefox, mais, avec IE7, la valeur du "right" n'est pas interprétée (le champ prend une largeur par défaut).

Il est important que le positionnement soit effectué avec les propriétés left et right simultanément car il s'agit d'un design fluide (taille variable). Le problème concerne bien IE7, je sais que IE<7 n'interprète pas left et right simultanément, mais ce n'est pas le problème pour l'instant.

Le plus étrange dans tout cela, c'est que ça fonctionne bien si je remplace le "input" par un "div", avec le code HTML suivant:
<div name="monElement" id="monElement"></div>


Et le code CSS:
div#monElement { position:absolute; height:16px; left:115px; right:195px; bottom:9px; background-color:#ffff00; }


Quelqu'un a-t-il déjà rencontré des problèmes avec le positionnement d'éléments de formulaire avec left et right simultanément sous IE7 ?

Une solution ? Smiley biggrin

Merci !