画面の中央に何かを表示したい

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body style="height:100%;">
<table style="width:100%;height:100%;">
<tr><td align="center" valign="middle">
<img src="../img/smp.gif" alt="サンプル画像">
</td></tr>
</table>
</body>
</html>

表示サンプル

別窓でサンプルページが開きます。

解説

まず画面幅最大のテーブルを作成します。ただし、この際「<body style="height:100%">」と言う記述が無いとうまくいかないようなので忘れず記述しましょう。

後は、テーブルの「セル内で位置を指定する」方法により、水平方向、垂直方向ともに中央表示させれば表示サンプルのように画面中央へいろいろなものを表示させることができます。