Quizá antes de meterte en en la creación de páginas web deberías leer algún tutorial. Así no te quedarías atascado con algo tan elemental.
FAQ CSS 2
Te dejo un ejemplo de cómo propuso hacerlo
izar
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<link href="mi_estilo.css" rel="stylesheet" rev="stylesheet" type="text/css">
</HEAD>
<BODY>
<table id="contenedor" height="100%" width="100%" ><tr><td align="center" >
<table id="contenido"><tr><td>
QWERTYUIOP
</td></tr></table>
</td></tr></table>
<br /><br />
RESTO <br />
DEL <br />
DOCUMENTO
</BODY></HTML>
y la hoja de estilo es
mi_estilo.css
Código:
#contenedor td { border:5px solid red; // EL BORDE ESTÀ PARA QUE VEAS HASTA DONDE LLEGA LA TABLA //}
#contenido {font-size:30pt; background-color:silver; //COMO VERÁS EL BORDE SE APLICA TAMBIÉN AL td DE ESTA TABLA //}
El truco de la imagen no te funcionó porque, como ya expliqué, es para una línea solamente. Es más, si usas 2 palabras vas a tener que separarlas con un
nbsp para que al redimensionar no se corte el título. Se usa para poner una carátula o portada que siempre se va a ver al comienzo de la página antes del contenido, y se ajusta automaticamente al tamaño de ventana.
El ejemplo CSS que está arriba es uno de los trucos que se usan y que mencioné antes. Como el
vertical-align no sirve en cualquier caso, hay que recurrir a ellos hasta que exista un equivalente a
valign para todos los elementos.