Hola todos :
estaba buscando formas de alinear verticalmente un texto dentro de un contenedor y terminé usando una tabla porque los métodos CSS no me funcionaron.
O yo no tuve suerte y encontré los que no funcionan.
Me refiero a que
vertical-align no anda en cualquier elemento y por eso algunos usan un segundo contenedor para el texto dentro del primero, y toman la medida a partir de allí para centrarlo, inclusive hasta hay que saber la altura de ese segundo contenedor.
Como lo único que debía meter era un texto de una línea, maldije por tener que reescribir el código para hacer la tabla (era con JS), ¡y después se me ocurrió un truco para conseguir el mismo efecto!.
Se los dejo por si les sirve
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transtional//EN">
<html>
<head>
<style>
body, html {height:100%; margin:0; padding:0; text-align:center; font: bold 60px normal; }
img{height:100%; width:0; vertical-align:middle; // o absmiddle //}
</style>
</head>
<body>
<img src="0.0" /> CENTRADO.
</body>
</html>
Ah!,
un_tio, la tabla exterior no hay que centrarla : se la ajusta al 100% del
body.
saludos
furoya