| セル | セル | セル | セル |
| セル | セル | セル | セル |
| セル | セル | セル | セル |
| セル | セル | セル | セル |
花の絵のオブジェクトを絶対位置で指定した結果です。このままでは他のコンテンツが隠れてしまい、不幸な結果で表示されてしまいます。
下記のこのページの絶対位置の CSSと HTMLソースを記述しました。
■ CSS
body {margin: 0px; padding: 0px }
div { position: absolute; top:0; left:0 }
■ HTML
<body>
<div>
<img src="images/hana.png">
</div>
<h1>初心者のためのホームページ作り</h1>
<table border="1" cellspacing="0" cellpadding="5">
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
<tr><td>セル</td><td>セル</td><td>セル</td><td>セル</td></tr>
</table>
</div>
</body>