CSS

css positionの使い方

cssのpositionの私なりの使い方。
親boxに
配置したい物体に、
rightやbottomは、親boxからの距離。
これで簡単配置♪

  • Facebook
  • はてなブックマーク

google chrome のpositionについて

多分、私しかはまっていないだろうけど・・・。
google chromeで、positinを使用した時、大幅にずれた。
tableのtrタグを親boxにした為。これが、ブロックレベル要素ではないから、はみ出しちゃってた。

  • Facebook
  • はてなブックマーク

zoom:100%;

IE7などで、paddingやmarginの指定が倍になってしまう時、cssにzoom:100%;を入れると、解決する!
なぜかは、不明。とりあえずメモ。

  • Facebook
  • はてなブックマーク

IE7バグ 勝手に隙間が出来てしまう。

IE7で、floatをかけた次のBOXで、clearをかけてなおかつpadding指定をすると、間が出来るらしい。
paddingを指定しなくても、出来た。15pxくらい空いた。ちなもに、IE5.5も同じ状態。
で、解決

  • Facebook
  • はてなブックマーク

CSSナビゲーション

CSSでナビゲーションを作る時、連続して作ると、paddingで間を取ると、ロールオーバー時に下の画像がpadding分、移動してしまう。
(topとbottom)
その場合、親boxでの上下の間は、marginで取る。

  • Facebook
  • はてなブックマーク