画面の４すみに画像を表示する

HTMLを使用した記述方法

記述方法

<!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 style="width:20px;height:20px;">
<img src="../img/ie.gif" alt=""></td>
<td> </td>
<td style="width:20px;height:20px;">
<img src="../img/ie.gif" alt=""></td></tr>
<tr><td colspan="3">



本文




</td></tr>
<tr><td style="width:20px;height:20px;">
<img src="../img/ie.gif" alt=""></td>
<td> </td>
<td style="width:20px;height:20px;">
<img src="../img/ie.gif" alt=""></td></tr>
</table>
</body>
</html>

表示サンプル

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

解説

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

そのテーブルを３×３のセルに区切り、４すみのセルにそれぞれ画像を表示しています。わかりにくければ補助線付きサンプル（別窓で開きます）をクリックして下さい。テーブルの枠線を表示させています。