Foros del Web » Creando para Internet » CSS »

Centrado

Estas en el tema de Centrado en el foro de CSS en Foros del Web. Buenas de nuevo foreros, haber si me podeis echar una mano. Para centrar horizontalmente mi web uso el text-align: center; pero lo que no se ...
  #1 (permalink)  
Antiguo 06/07/2008, 15:39
Avatar de wolfmoon  
Fecha de Ingreso: octubre-2007
Mensajes: 189
Antigüedad: 17 años
Puntos: 2
Centrado

Buenas de nuevo foreros, haber si me podeis echar una mano.

Para centrar horizontalmente mi web uso el text-align: center; pero lo que no se es como centrarla tambien verticalmente.....

Sabriais decirme como hacerlo

Gracias
  #2 (permalink)  
Antiguo 06/07/2008, 18:05
Avatar de newboy_master  
Fecha de Ingreso: enero-2008
Ubicación: Granada
Mensajes: 882
Antigüedad: 16 años, 10 meses
Puntos: 46
Respuesta: Centrado

Prueba con " vertical-align".
  #3 (permalink)  
Antiguo 08/07/2008, 14:51
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 16 años, 9 meses
Puntos: 3
Respuesta: Centrado

También podrías probar usando los atributos top y margin al div contenedor
  #4 (permalink)  
Antiguo 08/07/2008, 15:46
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 8 meses
Puntos: 142
Respuesta: Centrado

vertical-align aun no sirve para divisores, tendrás que hacerlo con top y margin. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 08/07/2008, 18:59
Avatar de wolfmoon  
Fecha de Ingreso: octubre-2007
Mensajes: 189
Antigüedad: 17 años
Puntos: 2
Respuesta: Centrado

Si, teniais razon, aqui pongo la solucion por si le hace falta a alguien mas:

#contenido{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
text-align: center;
vertical-align: middle;
margin-top: -175px;
margin-left: -250px;
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 350px;
}
En el margin-top se debe poner la mitad de la altura del contenedor y en el margin-left la mitad de la anchura del contenedor.

Un saludo
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 04:57.