DIV et text-align:center

Version imprimable

Salut,

Pour est-ce qu'avec ce code:

Code:

1
2
3
4
5
6
7
8
9
10
11
<div style="width:640px; text-align:center;" >
toto
<div style="height:90px; background-color:#ffa800; width:320px; font: 14px arial, verdana, sans-serif; font-weight: bold;">
   <img src="$url_site/imgs/spacer.gif" height="1px"><br>
   <div style="margin:3px; background-color:white; height:83px;" ><br>
   <b>Your email:</b> <input type="text" name="username" id="username" size="25"><br><br>
   <b>Password:</b> <input type="password" name="password" id="password" size="25"><br>
</div>
</div>
     <br>  <input type="submit" name="login" id="login" value="Login" class="submit" />
   </div>

"toto" se trouve bien au milieu de la div mais pas la div a l'interieur ?

Merci,
Vincent.

14/09/2007, 15h09
Bisûnûrs

Parce que text-align sert à centrer un élément inline (texte, image, ...) dans un élément block et non pas un élément block dans un autre.

Voir aussi :
http://xhtml.developpez.com/faq/?pag...orizontalement

salut

utilise la propriété "margin:auto;"
copie ce code et regarde le résultat
la div à l'intérieur est bien au centre

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<div style="border:solid 1px red;width:640px; text-align:center;" >
toto
<div style="margin:auto;height:90px; background-color:#ffa800; width:320px; font: 14px arial, verdana, sans-serif; font-weight: bold;">
   <img src="$url_site/imgs/spacer.gif" height="1px"><br>
   <div style="margin:3px; background-color:white; height:83px;" ><br>
   <b>Your email:</b> <input type="text" name="username" id="username" size="25"><br><br>
   <b>Password:</b> <input type="password" name="password" id="password" size="25"><br>
</div>
</div>
     <br>  <input type="submit" name="login" id="login" value="Login" class="submit" />

amicalement

matt