Centrado Vertical Dinámico - Solución para Internet Explorer 7

[JUMASOL]

Hola a todos.

Esta solución

http://www.studiomate.net/blog/centr...nte-con-css-ii

funciona para todos los navegadores. Pero sólo en parte, porque aunque dice que también para IE7 (e inferiores), el hecho es que si aumentas el texto de la caja, al final acaba saliéndose por arriba y por abajo. Es decir, se ve centrado, pero cortado por arriba y por abajo.

Se entiende que dándole una altura 100% al container. Os garantizo que funciona, pero no para IE/7. Sólo funciona en este navegador si el container tiene una altura que cabe en la pantalla y el texto o lo que metas dentro no lo excede. En otro caso, se sobresale.

Llevo toda la mañana rompiéndome la cabeza.

¿Se os ocurre una solución para adecuar esto a IE? Supongo de debe haberla pero no doy con ella.

Mucha gracias.

[emprear]

Menos en ie 7, si el texto ocupa demasiado alto, el alto del container aumenta aunque la altura de este no de cabida al contenido, obviamente no se distingue el centrado ya que el contenido ocupa todo el espacio del container.

Ahora IE7, necesita forzosamente que el alto del container supere el del contenido.
Es decir si tu contenido ocupa de alto 100px, en ie7 el alto del container debe ser de por lo menos de más de 100px.
En la script esta bien especificado "/*adaptar el alto según necesidades*/"...
Pero que pasa si usas porcentajes? Cuando aplicas un porcentaje al alto de un elemento, este porcentaje es en relación al tamaño del elemento contenedor, es decir tendrías que meter todo dentro de otro div, y darle a esta un alto con valores absolutos, aunque esto implica una recurrencia innecesaria, seria un container dentro de otro container. Tendría más sentido si me decís que lo aplicas a todo el documento, pero para que eso funcione, una vez más tenes que definir el alto del body. En conclusión, te funcionaría si haces para ie7

Código CSS:

html, body{
height: 100%;
}
 

Aunque a esta altura, ocuparse de IE7, ya mucho sentido no tiene

Saludos

[JUMASOL]

Hola emprear.


El 100% en el body ya lo tengo y no funciona. Imagina una sección de blog con mucho contenido.

El tema es que el contenido varía, porque esto es para ponerlo en un Joomla! con, como te digo un blog que va a ocupar mucho de alto.

Si fuese una altura más o menos conocida no tendría sentido esta pregunta. Pero se trata de web dinámica que crece y crece.

Sé que me entiendes.

[emprear]

Iniciado por JUMASOL

Hola emprear.


El 100% en el body ya lo tengo y no funciona. Imagina una sección de blog con mucho contenido.

El tema es que el contenido varía, porque esto es para ponerlo en un Joomla! con, como te digo un blog que va a ocupar mucho de alto.

Si fuese una altura más o menos conocida no tendría sentido esta pregunta. Pero se trata de web dinámica que crece y crece.

Sé que me entiendes.

Tu post original dice
Esta solución http://www.studiomate.net/blog/centr...nte-con-css-ii
funciona para todos los navegadores. Pero sólo en parte,

El hecho es que si funciona, si te atenés a las indicaciones. Cualquier otra apreciación, como hacerla funcionar dentro de la estructura de joomla, es sacarla de contexto

[kseso?]

Iniciado por JUMASOL

Hola emprear.


El 100% en el body ya lo tengo y no funciona. Imagina una sección de blog con mucho contenido.

El tema es que el contenido varía, porque esto es para ponerlo en un Joomla! con, como te digo un blog que va a ocupar mucho de alto.

Si fuese una altura más o menos conocida no tendría sentido esta pregunta. Pero se trata de web dinámica que crece y crece.

Sé que me entiendes.

Entonces deja de tener sentido el centrado vertical. Si es tanto el contenido que sobrepasará la altura de la ventana...