Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP champ input de 100%

champ input de 100%

4 réponses
Avatar
Etienne
Salut

j'aimerai forcer un champs input type text a avoir une largeur de 100%
du div dans lequel il est contenu.

hors. semblerai que pour mon champs input, 100% soit bien plus grand que
voulu...

c'est possible de faire ca sans javascript.
sinon je pesserai par le javascipt.

Etienne
Signaler un problème avec ce contenu

4 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Etienne
Le 21/07/2010 12:08, Etienne a écrit :
Salut

j'aimerai forcer un champs input type text a avoir une largeur de 100%
du div dans lequel il est contenu.

hors. semblerai que pour mon champs input, 100% soit bien plus grand que
voulu...

c'est possible de faire ca sans javascript.
sinon je pesserai par le javascipt.

Etienne



Hum j'ai trouvé...
désolé.
Avatar
SAM
Le 7/21/10 12:27 PM, Etienne a écrit :
Le 21/07/2010 12:08, Etienne a écrit :
Salut

j'aimerai forcer un champs input type text a avoir une largeur de 100%
du div dans lequel il est contenu.

hors. semblerai que pour mon champs input, 100% soit bien plus grand que
voulu...

c'est possible de faire ca sans javascript.
sinon je pesserai par le javascipt.

Etienne



Hum j'ai trouvé...



Oui ?

Et ... ?

--
sm
Avatar
Etienne
Le 21/07/2010 13:16, SAM a écrit :
Le 7/21/10 12:27 PM, Etienne a écrit :
Le 21/07/2010 12:08, Etienne a écrit :
Salut

j'aimerai forcer un champs input type text a avoir une largeur de 100%
du div dans lequel il est contenu.

hors. semblerai que pour mon champs input, 100% soit bien plus grand que
voulu...

c'est possible de faire ca sans javascript.
sinon je pesserai par le javascipt.

Etienne



Hum j'ai trouvé...



Oui ?

Et ... ?




en fait ca fonctionnait.
c'est juste que j'avais oublié de definir les marges.

le code suivant sans le margin ne fonctionne pas.
il,marche tres bien avec les margin.

<div style='clear:both; float:left;'>
<div style='float:left; width:100px;'>gauche</div>
<div style='float:right; width:100px;'>droit</div>
<div style='margin:0px 100px 0px 100px;'><input type='text'
style='width:100%;' ...></div>
</div>

voila.
a+

Etienne
Avatar
Williamhoustra
"Etienne" a écrit dans le message de news:
4c46e674$0$22032$
Le 21/07/2010 13:16, SAM a écrit :

en fait ca fonctionnait.
c'est juste que j'avais oublié de definir les marges.



Ca c'est le gag classique ! Avec IE6 (et peut-être même les autres
versions) il a une conception spéciale des marges et en ajoute une par
défaut. Rien qui ne soit résolvable par des instructions CSS bien écrites.
Donc pas la peine de danser la java (script). J'avais fait un petit tuto à
ce sujet :
http://wmarie.free.fr/tutorial_positionnement_css.html