タグ

IEとie6に関するfukukitaru2980のブックマーク (4)

  • ネガティブマージンを使うなら position: relative; を併記 – かめめねっと

    レイアウト上、margin:-20px; などと表記したいときもあるんだけど、IE6は言うことを聞いてくれない。。。 ネガティブマージンとは「マイナス値のマージン」のことですが、IE6ではこのマイナス値を読み取ってくれないためにこのようなことが起こる。 そのため、margin:-20px; とするなら、 .要素{ margin-left:-20px; position:relative; } とするか、marginはdiv上でfloatプロパティを使うと値が2倍になってしまうバグもIE6にはあるので、 .要素{ position:relative; left:-20px; } とするのが良いかも知れない。 ただ、親要素の位置などによっては、計算が異なる場合があるので、必ずしも同じ位置になるとは限らないと思うので、その場に応じて使いやすい方を使おう。 私は position 好きなので、後者

  •  IEのみのstylesheet/Scriptを読み込ませる(条件分岐コメント) - しろうさぎのwebnotebook

    すべてのIEに適用 <!--[if IE]> <link href="css/ie.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script> <![endif]--> IE6のみ適用 <!--[if IE 6]> <link href="css/ie6.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script> <![endif]--> IE7のみ適用 <!--[if IE 7]> <link href="css/ie7.css" rel="stylesheet" type="text/css" /> <script typ

     IEのみのstylesheet/Scriptを読み込ませる(条件分岐コメント) - しろうさぎのwebnotebook
  • (恐らく)最も簡単な、対IE用CSSハック術

    CSSコーディングにおいて最も邪悪かつ驚異的な存在、Internet Explorer。 どんなに完璧にCSSを理解していても、彼らの挙動を把握していない限り、まさに「机上の空論」となってしまうという、恐るべき魔物。 それに立ち向かうべく発明されたのが、各ブラウザの独自仕様やバグの穴を利用して各ブラウザ個別に対応するという、いわゆる「CSSハック」。 今回はワタクシsmknが対IE用として日常的に使用している、(恐らく)最も簡単であろうCSSハック術をご紹介します。 と、その前に...。 今回ご紹介するCSSハック術は、CSSの正式な文法としては間違っています。 バリデート通りません。invalidです。 来なら文法的にも正しいハックを使った方が良いのかもしれませんが、そもそもハックしちゃってる時点で正しいもクソもないような気が、個人的にはしてるので。 さらに、ハックの所為でCSSがバリ

    (恐らく)最も簡単な、対IE用CSSハック術
  • IE6でも透過PNGを使う | バシャログ。

    いまだ小沢健二コンサートの余韻が冷めない sakai です。 普段は透過 PNG を使わずにデザイン・コーディングをしているのですが、先日どうしても透過 PNG を使いたいシーンがありました。 透過 PNG は大変便利ですが、IE6 が対応していないのがネックです。 というわけで、IE6 でも透過 PNG を使用できるようになる JavaScript のライブラリを色々試してみました。(今さらですが!) 有名どころの「jquery.pngFix.js」から使ってみましたが、これは背景画像に透過 PNG を使うとちゃんと表示されなくて断念。 「IE7.js」もところどころ挙動が怪しいしなあ… と困ったりしつつ、最終的には「DD_belatedPNG.js」に行き着きました。 DD_belatedPNG 透過 PNG を背景画像に指定したり、ポジションをいじったりしても挙動が安定しているのでと

    IE6でも透過PNGを使う | バシャログ。
  • 1