Hola a todos, tengo lo siguiente:
Código:
<div id="centrecontent">
<div class='registro'>
<p>EXPLICACION DE LO QUE HAY QUE HACER</p>
<br>
<!-- cambiar el action por el que corresponda -->
<form name='registro' method='POST' action='./grial.html'>
<p class="campotexto"> Login <input type='text' name='textfield'> </p>
<p class="campotexto"> Password <input type='password' name='textfield2'></p>
<br>
<input type='submit' name='Submit' value='Confirmar'>
</form>
</div> <!-- del registro -->
</div><!--del centro-->
Con el siguiente estilo
Código:
#centrecontent .registro {
position: relative;
background: #EEE;
color: #6381DC;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
width: 50%;
margin: 20%;
padding: 30px 30px 30px 30px;
text-align: center;
}
#centrecontent .registro p.campotexto{
position: relative;
width: 65%;
text-align: right;
background: green;
}
El caso es que tiene que salir un campo para meter login y contraseña dentro de una "caja" de color gris. En IE7 funciona perfectamente y queda todo centrado, pero con FF los campos de texto quedan alineados a la izquierda del la caja contenedora, pero el título y el botón quedan centrados como se esperaba.
¿Alguna sugerencia de como dejarlo todo centrado también en FF?
Muchas gracias a todos.
Un saludo.