タグ

CSSハックとIE7に関するkiyokichiのブックマーク (4)

  • IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい

    CSSJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--&#91;if IE 6&#93;> <html class="ie6"> <!&#91;endif&#93;--

  • わずか四文字でIE6/7/8を区別するCSSハック | コリス

    「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettuts+から紹介します。 <textarea name="code" class="css" cols="60" rows="5"> body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ } </textarea>

    kiyokichi
    kiyokichi 2010/08/02
    IEめんどくさい・・・
  • IE 6とIE 7のためのCSSハック16選(1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer(以下、IE) 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック(IE 6のみに効く、もしくはIE 6のみに効かないハック) IE 6のみに効くハック スタ

    kiyokichi
    kiyokichi 2009/11/17
     validatorがエラーになるかどうかは詳細ページを参照。
  • IE7のみをハックするCSS (Happy Swing)

    久しぶりにCSSネタを。 クライアントから「IE7でフォームのテキストフィールドが突き抜けるんですけど・・・」と言われた。 とりあえず、IE7で確認してみると、崩れてない。 まさか!と思って、会社に数台しかないVistaを借りて確認してみたら、ものの見事に突き抜けてました^^; というわけで、急遽IE7のみをハックすることに。 せっかく調べたので、IE7のハック方法を自分のメモのために残しておきます。 IE7のみにCSSを適用する場合 *:first-child+html div.test { } IE7以外のIE(IE6以前、MacIE5)にCSSを適用する場合 *html div.test { } IE(IE7含む)以外のブラウザにCSSを適用する場合 html>/**/body div.test {} IE7とその他ブラウザにCSSを適用する(IE7以前のIEのみ除外する)

    kiyokichi
    kiyokichi 2009/07/14
     めも。あんまり使わないけどとりあえずIEは(ry
  • 1