Text right on the middle of the screen

thematrix · **Posts:** 65

how can i make a text appear right on the middle of the screen, no matter the resolution?

thanks.

William Strauss · **Posts:** 96

My quick answer would be a table inside a table.

<style type="text/css">
*{margin: 0; padding: 0;}
body, html{height: 100%; width: 100;}
</style>
<table border=2  height="100%" width="100%">
    <tr>
        <td valign="middle" align="center"><table border=2>
    <tr>
        <td>abc...</td>
    </tr>
</table></td>
    </tr>
</table>

And yes, it works on opera, firefox, ie.

off1 · **Posts:** 29

Mr. Strauss.

Why two tables? I would use only one. A table the whole width and height of the page with a single cell. Everything inside the cell can be centered horizontally and vertically using traditional parameters or styles.

My example:

<style type="text/css">
body, html{height: 100%; width: 100%;}
</style>

<table style="width: 100%; height: 100%;">
    <tr>
        <td style="text-align: center; vertical-align: middle;">abc...</td>
    </tr>
</table>

Matrix, now you have two options, use the one suits you better.

REGARDS!

FORUMS » Client Side » HTML

Text right on the middle of the screen

FORUMS » Client Side » HTML