Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/06/2007, 02:41
bejarano
 
Fecha de Ingreso: julio-2004
Mensajes: 117
Antigüedad: 19 años, 8 meses
Puntos: 0
Centrar un <p> en firefox

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.