position
positionについて、勉強しました。
positionのプロパティは4つ。
・static
通常の配置位置になる。※初期値
・relaive
top、bottom、left、rightなどのプロパティと併用すると、通常の配置位置から相対的にずらして配置できる。
この後に続くボックスは、relaiveボックスが通常の位置にあると仮定して配置される。
・absolute
absoluteボックスは親ボックスを起点に配置。
他のボックスの配置に影響を与えない(独立している)
親ボックス...static以外のボックス
※親ボックスが無い場合、ウィンドウの表示領域が起点になる。
・fixed
fixedボックスは配置位置がウィンドウの表示領域に固定される。
他のボックスの配置に影響を与えない(独立している)
例えばhttp://www.anniversary-bear.com/
ここの右のメニューがfixedを使ってるっぽい。
と、こんな感じ。
でも実際に使ってみたら全然言うこと聞かない(T∀T；)
私の理解不足と、組み方が間違ってるんだろうけど...
いろいろ試して、ものにしなければ...！！
- 17.07.2009
mayumi
(4)
カテゴリー
月別アーカイブ
- 2011年9月（1）
- 2011年2月（7）
- 2011年1月（5）
- 2010年12月（3）
- 2010年11月（1）
- 2010年10月（1）
- 2010年9月（3）
- 2010年8月（12）
- 2010年7月（22）
- 2010年6月（11）
- 2010年5月（12）
- 2010年4月（13）
- 2010年3月（16）
- 2010年2月（13）
- 2010年1月（13）
- 2009年12月（16）
- 2009年11月（33）
- 2009年10月（26）
- 2009年9月（12）
- 2009年8月（18）
- 2009年7月（45）
- 2009年6月（14）
- 2008年12月（2）
- 2008年11月（1）
- 2008年10月（1）
- 2008年9月（2）
- 2008年7月（2）
- 2008年6月（2）
- 2008年5月（2）
- 2008年4月（3）
- 2008年3月（7）
- 2008年2月（10）
- 2008年1月（20）
- 2007年12月（9）
コメント
ｶﾈｺさんめっちゃ勉強しててすごいっすねー
そえば
そのむかし
ながいさんが、posotionとfloatを
同時に指定するのがデンジャーだと
教えてくださった記憶がありますよ。
うっかり教えに背いて指定したら
ｽｲｶにとんかつソースかけたレベルの
味わいになりました。
ﾏﾝﾀﾞﾑ
17.07.2009
藤原
実はpositionもう嫌！っと、途中で投げ出てたんですが…
藤原さんのコメント読んで、これではいかん！ともう一度がんばりました。
>posotionとfloatを同時に指定するのがデンジャー
さっき同時に指定したので、ドキってしました＞＜；
基本的なpositionはなんとかOK♪(のつもり)
でも、特殊な組み方だと、まだ怪しい感じです…
17.07.2009
mayumi
>例えばhttp://www.anniversary-bear.com/
>ここの右のメニューがfixedを使ってるっぽい。
右下部のメニューの事だろうか…?
その部分はjsで動いてるようですよ。
17.07.2009
kino
うわ！
style="position: absolute;"
になってる！
なにか勘違いしていたようです。
大変恥ずかしいですね///
21.07.2009
mayumi
コメントする