Difficulté pour centrer un champ texte dans un div

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Difficulté pour centrer un champ texte dans un div

par bravegars » 02 déc. 2007, 14:48

Merci ça fonctionne en mettant seulement left.
J'ai déjà employé ta technique h0_noMan des div vides,
et à l'avenir je vais m'en souvenir car c'est très pratique.
Etant donné que d'un navigateur à l'autre on ne peut se fier
aux margin-left etc...

En fait, mon bloc etait parfaitement bien positionné sur ma page,
mais le champ texte qui devait s'y centrer débordait complètement
du côté droit. En mettant left au lieu de margin-left,
le champ texte a repris sa place dans le bloc bien au centre.

par h0_noMan » 02 déc. 2007, 14:33

Moi plutot que d'utiliser des margin, j'utilise des div vide pour créé des espace.

Avec cela je n'ai aucun souci d'alignement entre tout les navigateurs.

par v4gab0nd » 02 déc. 2007, 13:51

Au lieu d'utiliser margin-left et margin-top pour placer ton bloc12, utilise plutot left et top.

Code : Tout sélectionner

div#bloc12 { position: absolute; top: 140px; left: 280px; width: 400px; text-align: center; }
:)

Difficulté pour centrer un champ texte dans un div

par bravegars » 02 déc. 2007, 11:16

Bonjour,

Je veux placer un champ texte sur ma page.
Le champ se centre bien sous FF, mais avec IE il se décale sur la droite
d'a peu pres 280 pixels. Ce qui correspond à la marge gauche ou il devrait se fixer.

Code : Tout sélectionner

html <div> <div id="bloc12"> <input size="40" name="recherche" type="text" /> </div> </div> CSS div#bloc12 { position: absolute; margin-top: 140px; margin-left: 280px; width: 400px; text-align: center; }
Comprend rien à ce truc. Si je rajoute un espace devant le champ
dans mon code html, le champ se centre avec un tout petit décalage vers la droite
correspondant a l'espace ajouté.
Merci pour vos suggestions.