Foros del Web » Creando para Internet » CSS »

Centar <p> que tiene position absolute

Estas en el tema de Centar <p> que tiene position absolute en el foro de CSS en Foros del Web. Hola Tengo un parafo que tiene que estar al final de cada pagina, por eso le pongo Código: p.abajo { position:absolute; bottom: 0px; } pero ...
  #1 (permalink)  
Antiguo 14/08/2008, 03:35
 
Fecha de Ingreso: marzo-2005
Mensajes: 130
Antigüedad: 12 años, 9 meses
Puntos: 1
Centar <p> que tiene position absolute

Hola

Tengo un parafo que tiene que estar al final de cada pagina, por eso le pongo

Código:
p.abajo {
position:absolute;
bottom: 0px;
}
pero asi me aparece a la izquierda, y yo quiero que este centrado.
Si le pongo
Código:
left: 50%
me empieza a la mitad, que no es lo mismo que estar centrado.
Buscando he leido que para una imagen hay que poner "left: 50%" y margen negativo de la mitad de la imagen.
Pero en un parrafo el tamaño de este puede cambiar segun tenga el usuario el tamaño de la letra.

Entonces he pensado que si el parrafo mide 537px y 1em es igual a 9px ( en mi equipo) 537/2= 268.5 , 268.5/9= 29.83em
He puesto -29.83em como margen izquierdo y sale mas o menos centrado pero no al 100%.

Y luego probe con
Código:
margin-left: -25%
E igual, parece centrado pero mirandolo bien a la izquierda hay 217px de margen y a la derecha unos 250.

Alguna idea??
Gracias y saludos.

Última edición por farve; 14/08/2008 a las 07:00 Razón: mejorar post
  #2 (permalink)  
Antiguo 14/08/2008, 05:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Centar <p> que tiene position absolute

Yo lo haría así:

<div class="abajo">
<p>Texto de prueba</p>
</div>

y el CSS:

Cita:
* {margin: 0;}
.abajo {
position:absolute;
bottom: 0px;
text-align: center;
background-color: #f00;
width: 100%;
}
(el color rojo de fondo es para que se vea bien).
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 18/08/2008, 18:18
 
Fecha de Ingreso: marzo-2005
Mensajes: 130
Antigüedad: 12 años, 9 meses
Puntos: 1
De acuerdo Respuesta: Centar <p> que tiene position absolute

me he dado cuenta que en la pagina principal de tuenti lo tienen asi, como tu decias

Código:
#footer {
bottom:10px;
color:#333333; 
display:block;
left:0;
position:absolute;
text-align:center;
width:100%;
}
Código:
<span id="footer">
<a class="blue" href="http://blog.tuenti.com">Blog</a>
 | © Tuenti 2008         
</span>
Al parecer lo importante era
Código:
width:100%;
saludos y gracias

Última edición por farve; 19/08/2008 a las 02:40
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 07:20.