ブックマーク用適当テンプレート
なんでdiv.bodyの中にdiv.headerがあんの、とツッコミながら。
サイドバーを付けてみる
その1
ヘッダ - なし
フッタ
<div class="sidebar"> <hatena 〜> </div>
.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>
.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; }