Código:
Con el siguiente estilo<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-->
Código:
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.#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; }
¿Alguna sugerencia de como dejarlo todo centrado también en FF?
Muchas gracias a todos.
Un saludo.