Foros del Web » Creando para Internet » CSS »

centrar el contenido de la web por posicionamiento relativo

Estas en el tema de centrar el contenido de la web por posicionamiento relativo en el foro de CSS en Foros del Web. Hola, por favor mi problema es que estoy haciendo una web en gris. que tiene una imagen por arriba de 50px despues una aimagen y ...
  #1 (permalink)  
Antiguo 02/11/2006, 04:54
 
Fecha de Ingreso: noviembre-2006
Mensajes: 27
Antigüedad: 11 años, 1 mes
Puntos: 0
centrar el contenido de la web por posicionamiento relativo

Hola, por favor mi problema es que estoy haciendo una web en gris. que tiene una imagen por arriba de 50px despues una aimagen y una tabla que tengo metidas dentro de un div con fondo blanco y abajo tiene que haber otro texto que ocupe lo mismo que la parte de arriba es decir 50px, estas son las medidas de 800x600, pero la web la tengo que hacer dinamica dependiendo de las propiedades del usuario, 800 x 600 a 1024 y me gustaria saber como hacerlo, ahora mismo tengo puesto en el css lo siguiente:

div#contenido {
background-color: #FFFFFF;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


dentro de este div tengo la imagen y una tabla estas he conseguido q se ajusten horizontalmente, ahora me falta lo vertical.

Por favor a ver si me podia ayudar alguien a hacerlo dinamico y q se ajustara por arriba y abajo al medio.

Un saludo.Muchas gracias
  #2 (permalink)  
Antiguo 02/11/2006, 15:43
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
http://www.forosdelweb.com/search.php?searchid=817959

Sucedió otra vez más :)

Editado: Cambié el link por el resultado de buscar "centrar verticalmente".

Última edición por Rafael; 02/11/2006 a las 15:49
  #3 (permalink)  
Antiguo 02/11/2006, 18:17
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Se ajusta con posicionamiento absoluto y margenes negativos lo que estas buscando.

div#contenedor{
position: absolute;
left: 50%;
top: 50%;
margin-left: -(50% del ancho del div);
margin-top: -(50% del alto del div);
}

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 06:45.