Difficulté pour centrer un champ texte dans un div

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.

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;
}

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.

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.

Difficulté pour centrer un champ texte dans un div

Qui est en ligne