Foros del Web » Creando para Internet » CSS »

Centrado vertical atípico (alto dinámico)

Estas en el tema de Centrado vertical atípico (alto dinámico) en el foro de CSS en Foros del Web. He solucionado un centenar de dudas gracias a la búsqueda, pero esta vez no me queda más remedio que pedir ayuda. La página que estoy ...
  #1 (permalink)  
Antiguo 18/06/2010, 15:10
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 5 meses
Puntos: 0
Pregunta Centrado vertical atípico (alto dinámico)

He solucionado un centenar de dudas gracias a la búsqueda, pero esta vez no me queda más remedio que pedir ayuda.

La página que estoy haciendo es un bloque que debe flotar centrado verticalmente, con la particularidad de tener un pie que debe ir pegado "al suelo". Además, el bloque central es de altura dinámica (por un JS que hace efecto acordeón).

A continuación una imagen aclaratoria de lo que debería hacer el bloque al estirar el navegador (puse colores al texto a juego con la imagen):


Ahora mismo el bloque lo tengo pegado arriba con un pequeño margen, lo podéis ver aquí: [URL="http://www.srgordillo.com/centrado.html"]centrado.html[/URL]

Como decía, no funciona ninguna solución de las que encuentro, unas fallan por culpa del pié y otras fallan por culpa del alto dinámico. Para el pié uso [URL="http://www.cssblog.es/sticky-footer-con-css/"] esta técnica de meter todo menos el footer en un contenedor con un margen negativo abajo[/URL], a lo mejor me recomendáis usar otra.

Muchas gracias de antemano por cualquier consejo que podáis darme!

Última edición por SrGo; 18/06/2010 a las 19:22
  #2 (permalink)  
Antiguo 18/06/2010, 16:09
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Centrado vertical atípico

Hola SrGO:

Lo del footer siempre abajo lo puedes resolver viendo el codigo fuente de este ejemplo de mikmoro

Y lo del centrado vertical mirando este tutorial

Espero te sirva, saludos
  #3 (permalink)  
Antiguo 18/06/2010, 19:30
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Centrado vertical atípico

Gracias Cristian.

El footer del ejemplo está hecho con la misma técnica que el mío, aun así me ha servido para mejorar el código CSS y quitar algunas líneas. Bien!

Pero el tutorial de centrado vertical que me pasas es para altos fijos, y lo que hace "atípico" mi diseño es que tiene el alto dinámico.

Por la de horas que llevo investigando con mi amigo google empiezo a pensar que no se puede hacer... Voy a tener que mirar con alguna tecnología extra como JS, y ahí si que no se por donde empezar.

Help!

Etiquetas: alto, vertical, centrar
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 15:57.