タグ

ノウハウとCSSハックに関するwogawaraのブックマーク (6)

  • IE7 バグ 早見表 by nobu

    CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値

  • 九九集团-快3网投平台

  • セレクタでのCSSハック一覧表|web bibo

    CSSハックの種類は色々ありますが、その中で役に立ちそうなハックだけを一覧にしてみました。 CSS Validation Serviceに通るハック(valid)とエラーになるハック(invalid)に分けています。 少ない記述でハックを使いたいと思う方は「プロパティでのCSSハック一覧表」をご覧下さい。また、「Firefoxのバージョン別CSSハック一覧表」も載せたので良かったら、ご覧ください。 更新情報 ・09/05/21 対象ブラウザをSafari2からSafari3に変えました。 ・09/05/18 IE8正式版の検証をしました。 「セレクタ」レベルのCSSハック一覧(valid)

  • CSSハック一覧表 はじめてのブログデザイン

    CSS のハックが少しずつ貯まって来たので一覧表を作ってみました。 CSS ハックとは何か簡単に説明すると、それぞれの WEB ブラウザのバグなどを利用し、特定の WEB ブラウザに特定のプロパティ(設定)を適用させたり、逆に適用させないようにし、CSS 内に併記した複数のスタイルのプロパティ(設定)を、それぞれの WEB ブラウザに振り分ける技術のことです。 これからは私が使用した CSS ハックや詳細などはこのエントリで随時まとめていこうと思います。 〔追記:2007年12月4日〕 〔追記:2008年1月12日〕 〔追記:2009年7月23日〕 下のソースの赤い部分がそれぞれの CSS ハックの部分です。 スターハック WinIE4 ~ IE6 と MacIE4 ~ IE5 にだけ適用させられるスターハック。 * html p { /* for WinIE4 ~ IE6 and Mac

  • IEハック(アンダースコア・ハック) はじめてのブログデザイン

    Windows の IE 用の CSS ハックで簡単なものを発見!その名はアンダースコア・ハックです。下のソースの赤い部分がアンダースコア・ハックです。 .sample { width : 300px;/*その他ブラウザ用*/ _width : 320px;/*IE用*/ padding : 20px; } プロパティの前に _ を足すだけなので簡単ですが、その他のブラウザ用と IE 用のプロパティの順番が前後してしまうとハックが適用されないので、そこだけ注意が必要です。 つまり、まず普通のブラウザ用のプロパティを記述し、次に IE だけが解釈するアンダースコア・ハックを使いプロパティを記述します。 ちなみにアンダースコア・ハックはW3CでCSSの検証をするとエラーになります。 また、IE7 では使えません。と言うかエラーなので使えないのが当たり前のようです。IE7 で改善された部分と言う

  • 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のみに効くハック スタ

  • 1