「浜辺と海」のサイドバーを左にしてみた
公開中の「浜辺と海」ですが、思いついてサイドバーを左にしてみました。ものすごく簡単でした。
.hatena-body { margin: 0px auto; text-align:left; width:900px; left:0; position:relative; top:0; } /*---中略---*/ .sidebar { left:0; position:absolute; top:0; width:220px; margin:0px 0px 0px 10px; line-height:140%; font-size:80%; line-height:1.6; }
と言ったように、.sidebarの親要素にrelative、.sidebarにabsoluteを指定すればいけます。
その他、ここで色々いじったデザインも入っています。
なにか、サイドバーを左にしたほうがしっくりきました。新しい発見ですw
次の更新するときは、完全にリファインしたバージョンにしたいな。