Weblog

子セレクタ

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. Linksをサムネイル化した
  3. HTML 4.01とCSS2のHTMLヘルプ
  4. pre要素へのスタイル指定
  5. よく使うライセンス・フリーのフォント
  6. CSS2 Specificationでのプロパティの出現順序
  7. ちょっとだけリデザイン @ 2006/08/29
  8. アスタリスクをプロパティ名の頭につけるというCSSハック
  9. :first-letter擬似要素と各擬似クラス絡みのInternet Explorer 6のバグ
  10. CSSコーディング・スタイル

Comments

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

Weblog archives

by Category

This page was last modified on 2004-01-22T05:30:28+09:00 (in 0.102 secs).