[Resolvido] Não consigo centralizar

[Celinho 0]

Boa tarde pessoal.

Como eu ja disse uma vez, sou iniciante e ainda tenho certas dificuldades em encontrar algum erro ou coisa do tipo. Só que dessa vez ja vi e refiz o código umas 3 vezes e não consigo centralizar o form para login no painel de controle.

 

Aqui os códigos html e css que eu to usando.

 

HTML

<div id="box">

<div id="loginbox">

<h2>Painel de Controle</h2>

<div id="login">

<form action="" method="post" name="form1" id="form1">

<table border="0">

<tr>

<td>Usuário:</td>

<td><input name="usuario" type="text" size="35" /></td>

</tr>

<tr>

<td>Senha:</td>

<td><input name="senha" type="password" size="35" /></td>

</tr>

<tr>

<td></td>

<td><input name="logar" type="submit" value="Logar" />

</table>

</form>

</div><!--login-->

</div><!--loginbox-->

</div><!--box-->

 

CSS

body{background:#CCC;}

#box{width:800px; margin:0 auto;}

#loginbox{margin:150px 0; text-align:center;}

#login input{border:1px solid #069; background:#FFF; font:16px Tahoma, Geneva, sans-serif; color:#333;}

#login table{text-align:right;}

 

 

 

 

Agradeço se alguem conseguir me ajudar nisso. Obrigado quem conseguir =D

[allex_carvalho 124]

Ache a linha abaixo no seu css:

 

#login table{text-align:right;}

 

E adicione:

 

#login table {
    margin: 0 auto;
   text-align:right;
}

[Celinho 0]

Pow deu certo \o/

 

Obrigado Allex!