ブックマーク用適当テンプレート

なんでdiv.bodyの中にdiv.headerがあんの、とツッコミながら。

サイドバーを付けてみる

その1

ヘッダ - なし
フッタ

<div class="sidebar">
<hatena 〜>
</div>

CSS

.body {
 position: relative;
 top: 0px; left: 0px;
}

.breadcrumbs, .header, .pager, .favoritelist, .bookmarklist {
 margin-left: 220px;
}

.sidebar {
 width: 200px;
 position: absolute;
 top: 0px; left: 0px;
}

floatも同様か。

その2

ヘッダ(div.bodyの子で、div.headerの後ろ、div.mainの前)

<div class="container">

フッタ(div.bodyの子で、div.mainの後ろ)

<div class="sidebar">
<hatena 〜>
</div>
</div>

CSS

.container {
 position: relative;
 top: 0px; left: 0px;
}

.main {
 margin-left: 220px;
}

.sidebar {
 width: 200px;
 position: absolute;
 top: 0px; left: 0px;
}

こんなところか?
div.headerとdiv.breadcrumbsの高さを調整できるのなら、div.containerは要らない。

中央寄せ

幅固定か。

body {
 text-align: center; /* IE quirk */
}

div#banner, div#bannersub,div.body {
 width: 700px;
 text-align: left;
 margin: 0px auto;
}