186(guide)

説明

CSS関係のTipsとProxomitronのフィルタの話がメインです。

2000-02-02 Wedsidebarを左に(二段カラム)

[] sidebarを左に

<div class="main">

フッタに

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

</div>

として設定。

以下、使っているテーマがsidebarに対応していないものとして解説します。

[] positionを使う

div.hatena-body {
 position: relative;
 width: auto;
}

* html div.hatena-body {
 width: 100%;
}

div.main {
 margin-left: 15%;
}

div.sidebar {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 15%;
}

[] floatを使う

div.main {
 width: 80%;
 float: right;
}

div.sidebar {
 width: 16%;
 float: left;
}