はあ、スタイルシートでテーブルっぽく見せるのって死ぬなー

と言うことでとりあえず
 <html>
 <META HTTP-EQUIV="content-type" CONTENT="text/html;charset=EUC-JP">
 <head>
 <title>test</title>
 <style type="text/css">
 <!--
 .header {
  background: blue;
 }
 .main {
  background: red; 
 /*
  background-image: url("red.gif");
  background-repeat repeat;
 */
  
  float: left;
  width: 50%;
 /* overflow: scroll; */
 }
 .diary {
 /*
  float: right;
 */
  float: left;
  background: yellow;
 /* height: 70%;*/
  width: 25%;
 }
 .recent {
  background: cyan;
  float: left;
  width: 25%;
 /*
  position: fixed;
  position: absolute; 
  right: 0; 
 */
  top: 0;
  
 }
 .footer {
  clear: both;
 /*
  width: 100%;
  float: left;
 */
  background: purple;
 }
 
 --></style>
 </head>
 <body>
 
 <div class="header">
 <h1>ヘッダ</h1>
 <p>This is header.</p>
 
 </div>
 
 <div class="recent">
 <h1>最近の更新</h1>
 
 <a href="http://n9d.n9d.com/wiki">何処かの頁</a>
 
 </div>
 
 <div class="main">
 <h1>メイン頁</h1>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 <p>This is main.
 こんな感じだろうな</p>
 </div>
 
 <div class="diary">
 <h1>日記</h1>
 
 最近の日記
 
 </div>
 <div class="footer">
 <p>フッター</p>
 </div>