Foros del Web » Creando para Internet » CSS »

Centrar un <p> en firefox

Estas en el tema de Centrar un <p> en firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/06/2007, 03:41
 
Fecha de Ingreso: julio-2004
Mensajes: 117
Antigüedad: 13 años, 5 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.
  #2 (permalink)  
Antiguo 24/06/2007, 04:31
 
Fecha de Ingreso: julio-2004
Mensajes: 117
Antigüedad: 13 años, 5 meses
Puntos: 0
Re: Centrar un <p> en firefox

Ya lo he conseguido. Pongo la solución por si puede ser útil para alguien, o si quieren los administradores pueden eliminar el tema.

Había que añardir la propiedad "margin" al <p> y quedaría así:

Código:
#centrecontent .registro p.campotexto{
	position:		relative;
	width:			65%;
	margin:                 0 auto;
	text-align:		right;
 }
Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:04.