タグ

ieとCSSに関するstudio-hのブックマーク (2)

  • これって使えたっけ?今だからこそ IE8 対応コーディングのポイントをおさらい | バシャログ。

    こんにちは。Latinです。 今年は長めの夏休みが取れそうなので、旅行でも行こうと画策しております。 さて今回は、久々にコーディングネタです。 弊社の最近の案件では、対象ブラウザがIE8+という案件がほとんどになってきました。 「安心してください。IE10以上です。」 なんて言われたら嬉しい限りなんですが、まだまだ少ないのが実状です。 「悪夢のIE7対応」を考えなくて良くなっただけでもコーディングはだいぶ楽になりましたが、「IE8」は「IE8」でいろんなクセを持ってますよね。 今回はそんな今だからこそ、「IE8対応のポイント」をまとめてみます。 【IE8の仕様編】 HTML5に対応していない HTML5のサイトで「IE8対応」が必要になってくる場合、ポピュラーな方法としては二つあります。 html5shiv.js などの拡張ライブラリを IE9 以下のIEで読み込ませる HTML5要素自体

    これって使えたっけ?今だからこそ IE8 対応コーディングのポイントをおさらい | バシャログ。
  • IEで崩れてしまうwebサイトレイアウトを少しまとめてみた - コード、たまにメモ。

    今ではchromeがシェアを集めIEの使用率も減ってきてはいますが、webサイトのジャンルやターゲット層によっては、IEはまだまだ現役です。自分が実装しているときにIEでうまくCSSが適用されなくてちょっと手間取ったので、基的なサイト構築で困るであろうポイントを3つまとめました。 marginのautoが効かない paddingを使って余白を設定したらレイアウトが崩れる inputのsize="○○"でのサイズ変更が適用されない marginのautoが効かない divタグにmargin:0 auto;などでセンタリングした場合、Firefoxやchromeではちゃんとセンタリングされますが、IEでは適用されません。これはIEのバグらしく、一つ前の要素にtext-align:center;を入れてあげる必要があります。 参考URL:http://www.res-system.com/we

    IEで崩れてしまうwebサイトレイアウトを少しまとめてみた - コード、たまにメモ。
    studio-h
    studio-h 2015/03/26
    最後の仕上げに
  • 1