偽ヘッダ

http://d.hatena.ne.jp/sugio/20030620#p1に触発されて、ちょっとやってみた。画像はすべて借り物。
検索ボタンが巧く表示されていない上、tdの幅調整をしていないので検索窓位置が本物と異なるが、それ以外は特に問題なくOpera7、IE6、Netscape7で確認できた。
こんな感じでどうですか＞id:sugio氏。
実はこの方法、ヘッダ/フッタの表示が無い編集画面やコメント投稿画面などでは機能しないのだけれど、まあ良しとしましょう。

コードは以下の如く。
【HTML】
<table cellpadding="0" width="100%"
class="fake_hedder">
<tr>
<td>
<a href="http://www.hatena.ne.jp">
alt="Hatena::" height="40" src="http://d.hatena.ne.jp/images/diary/sugio0303-06-19.gif"
border="0" width="104"></a>
<a href="http://d.hatena.ne.jp">
alt="Diary" height="40" src="http://www006.upp.so-net.ne.jp/kumapu/NewFiles/d.hatena.ne.jp/images/diarywh.gif"
border="0"></a>
</td>
<td>
<form method="POST" action="/ユーザーID/searchdiary">
<input size="18" type="text"
name="word">
<input height="20" border="0"
src="http://d.hatena.ne.jp/images/diary/sugio0303-06-18.gif"
width="34" type="image" name=".submit">
</form>
</td>
<td align="right">
<a href="http://www.hatena.ne.jp">
alt="はてな" height="40" src="http://d.hatena.ne.jp/images/diary/sugio0303-06-17.gif"
border="0"></a>
</td>
</tr>
</table>

【CSS】
table.fake_header {
background-color: #ffffff;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

尚、このスタイルは一両日中に解除予定。