Ver Mensaje Individual
  #9 (permalink)  
Antiguo 25/07/2005, 16:41
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 11 meses
Puntos: 317
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