186(guide)

説明

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

2000-02-03 Thusidebarを左右に(三段カラム)

[] sidebarを左右に

三段カラム風。真ん中をメインに。左にメニュー右にアンテナ。

positionを使う方が安定するので、positionで。

ヘッダに以下を追加。

<div id="main">

フッタに以下を追加。

</div>
<div id="menu1">
色々
</div>
<div id="menu2">
色々
</div>

cssに以下を追加。

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

* html div.hatena-body {
 width: 100%;
 top: 0px; left: 0px;
}

div#main {
 margin: auto 20%;
 width: auto;
}

div#menu1,
div#menu2 {
 position: absolute;
 width: 19%;
 padding: 1em;
 font-size: small;
}

div#menu1 {
 top: 0px; left: 0px;
}

div#menu2 {
 top: 0px; right: 0px;
}