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;
}

2000-02-01 Tuesidebarを右に(二段カラム)

[] 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-right: 15%;
}

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

[] floatを使う

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

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

calmzonecalmzone2004/10/16 13:29div.sidebar {
width: 16%;
float: right;
}
……じゃあ、無いの?

1800-03-06 Thu記号 大きな記号

[] 記号 大きな記号

\sum_{i=1}^{5} a_i3$ \sum_{i=1}^{5} a_i
\prod_{i=1}^{5} a_i3$ \prod_{i=1}^{5} a_i

1800-03-05 Wed記号 雑記号

[] 記号 雑記号

一回消えたのでやり直し