HOME >
スタイルシート CSS >
IEでのレイアウトずれ対処（css）
スタイルシートを使用して頑張って作ったページが、IE（Internet Explorer）とMozilla系でレイアウトがずれてしまう事ってよくありませんか？
特にInternet Explorer...
逆にIEだけは正常表示されていて、FirefoxやNetscapeなどの他のブラウザでずれてしまうと言うのは...
正直言って救いようが無いです（汗）
そのようなサイトはCSSの前にタグを根本的に見直す必要があります。。。
かく言う私も以前非常に悩んでいた事がありました。。。
FireFox、Opela、NetScape、Safariでは全くズレていないのに、IEだけがレイアウトが崩れる現象。。。
だからIEは嫌いなんだよ！！！
と愚痴をこぼしても日本人の7割が使用していると言われるIEでレイアウトが崩れてしまっては、苦労も報われないと言う物...
と言うわけで対処法です
っと、えらそうな題名をつけてしまったけど大したことはありませんf^^;
例えばスタイルシート内で右マージンを30ｐｘで設定したのに、IEだけが15pxで良い場合
margin-right: 30px;
_margin-right: 15px;こんな感じでスタイルシートに書けばOKです。
アンダーバー _ を頭に付けてやればIEだけにこの設定が反映されます。
_margin
_padding
_width
_height
_line-height等に使用します。
っと言うわけで･･･ IEは嫌いだ！！！
Advertisement
CSS（スタイルシート）を使ったサイトで、Safariで見たときにズレてしまう場合の対処法です。（cssハック）
CSSハックを利用したインターネットエクスプローラー7でのレイアウトずれの対処方法です。インターネットエクスプローラーは、CSSの読み込み方が他のブラウザ（Mozilla系など）と全く違い、しかもバージョンによっても表示の仕方が全く異なり、レイアウトがずれてしまう困ったブラウザです。
スタイルシートを使用したサイトが、IE（Internet Explorer）だけレイアウトが崩れてしまう現象の対処法です。
Advertisement
サイト内検索
記事一覧