CSS positionを使用するとき

2010/09/18
<div class=”A”>
<div class=”B”>本文</div>
<div class=”C”>ヘッダ</div>
</div>

上記のようにHTMLを記述したとき。

「class A」を親要素とするため「positon:relative;」を指定
「class C」をページの上部に表示させるため「position:absolute;」を指定。
で、「class C」の高さ分「class B」を下げるためには「padding-top」を使用する。

「margin-top」だと、IEでは問題なしだけどFirefoxやOperaなどで崩れる感じ。

positionを使ったときの図

新着(ニュース関連以外)

2017-08-03
formのinputでmaxlengthを使うとFirefoxでバグってた。他のブラウザでも気づかずにバグってたかもしれない。
2017-07-19
折れ線グラフをもう少しゆるやかに・・・というか何というか・・・調べていくと「移動平均」っていう言葉にたどり着いた
2017-07-10
FuelPHPの1.8をダウンロードして使っていたらセッションが使えないということに気付いた。
2017-06-27
MACにWin10をインストールしてみた:再挑戦。
2017-06-25
「簡単」っていうヤツらが多いけど・・・難しいぞ。