IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
新機能と標準採用が挙動やビューに変更を強いる
IE7を利用するとき，Webアプリケーション自体は問題なく動くものの，表示しているページが崩れたり，設計上意図しない動作をするものがある。こうした問題への対策が必要なのは主に公開Webサーバーだろう。もちろん社内のWebサーバーでも，業務に支障が出るようであれば対策は不可欠だ。 IE6とスタイルの解釈で違い レイアウトや動作にずれが生じる主な原因は二つある。一つは，IE6とIE7でCSSの解釈の仕方が違っていること。もう一つはIE7から入った新機能によるものだ。 前者は同じCSSに対してIE6以前とIE7では位置指定の解釈が異なるというものだ。CSSではタグにスタイルを関連付けておくことで図や文章の周りに枠を付けられる。この際，IE6は周囲のタグを関連付けて解釈するのに対し，IE7はそれぞれを独立のものとして解釈する（図1）。 もう少し具体的に説明しよう。図1では，文章の引用を表すタグ「b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
