Foros del Web » Creando para Internet » CSS »

Centrar contenido en altura y anchura segun resolucion

Estas en el tema de Centrar contenido en altura y anchura segun resolucion en el foro de CSS en Foros del Web. Buenas: Tengo centrada una pagina en horizontal y vertical según la resolución, el problema es que cuando la resolución es muy pequeña la cabecera queda ...
  #1 (permalink)  
Antiguo 31/07/2009, 02:56
 
Fecha de Ingreso: enero-2004
Mensajes: 4
Antigüedad: 20 años, 3 meses
Puntos: 0
Centrar contenido en altura y anchura segun resolucion

Buenas:

Tengo centrada una pagina en horizontal y vertical según la resolución, el problema es que cuando la resolución es muy pequeña la cabecera queda escondida por la tarde de arriba.
Hay manera de hacer que la parte superior quede alineada en top sin que se esconda para resoluciones más pequeñas?

Gracias!

Código:
#contenedor {
	position:absolute;
	top: 50%;
	left: 50%;
	width:600px;
	/*height:400px;*/
	margin-top: -190px; /* esto es aproximadamente la mitad del flash que queremos mostrar (jugar con el valor) */
	margin-left: -300px;  /* esto es aproximadamente la mitad del flash que queremos mostrar (jugar con el valor) */
	}
	

        
#content {
	width:600px;
	/*height:387px;*/
	text-align:center;
        }
  #2 (permalink)  
Antiguo 31/07/2009, 16:33
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Centrar contenido en altura y anchura segun resolucion

Que yo sepa no.
Si tu desplazamieto top es del 50%, y el margen superior es margin-top: -190px;, sea cual sea el 50% del top, el margen negativo siempre será 190px. SI la pantalla llega a medir 100px, el desplazamiento será de 50px, mientras que el margen negativo sigue inalterable.

Deberías probar si puedes adaptar alguno de estos otros métodos de centrado vertical:

http://www.araudi.net/ejemplos/centrado_vertical.html
http://www.araudi.net/ejemplos/centrado_vertical2.html
http://www.araudi.net/ejemplos/centrado_vertical3.html
__________________
Visita mi nueva web idplus.org
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 13:36.