子セレクタ

Posted at 2003-01-25T06:00:00+09:00 in Web Design

どうでもいいことなんですが、右のメニューはMozillaだとposition:fixed;なので、常に右に表示されます。Mozilla使え。嘘です。Internet Explorerは、

body > div.test { margin:1em; }

というような、child selector(子セレクタ)というセレクタの文法に対応していないので、position:absolute;でいったん設定した後、このセレクタを使ってposition:fixed;で上書きしてやると、Internet Explorerではposition:absolute;、Mozillaではposition:fixed;でレイアウトされます。この非対応のセレクタの書き方を使って処理を振り分けるというずるいやり方は、フォントの違い、widthの解釈の違いやフォーム部品のサイズの違いなど、それぞれのブラウザの実装に左右される違いを吸収するのに役に立ってくれます。覚えておくと得するかもしれません。

Recent entries from same category

このエントリと同じカテゴリに投稿された最近10件のエントリです。

  1. CSSグラデーションのちょっとしたテクニック #2
  2. google-code-prettifyを導入した
  3. CSSグラデーションのちょっとしたテクニック #1
  4. YUI 3: CSS Resetの問題
  5. Pure CSSな吹き出し
  6. リデザインとborder-radiusとtext-shadow
  7. 404エラーページの改善
  8. HTTPエラーページ
  9. 無料で400以上のフォントを手に入れよう!
  10. 安全な@font-faceの書き方(抄訳)

Comments

JavaScriptに対応、または有効な環境の場合、ここにこのエントリへのはてなブックマークコメントが表示されます。