IEでのレイアウトずれ対処（css）

スタイルシートを使用したサイトが、IE（Internet Explorer）だけレイアウトが崩れてしまう現象の対処法です。

Sponsor

メニュー一覧

記事一覧

スタイルシートを使用して頑張って作ったページが、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は嫌いだ！！！

IEでのレイアウトずれ対処（css）に関連したエントリー

CSS（スタイルシート）を使ったサイトで、Safariで見たときにズレてしまう場合の対処法です。（cssハック）

CSSハックを利用したインターネットエクスプローラー7でのレイアウトずれの対処方法です。インターネットエクスプローラーは、CSSの読み込み方が他のブラウザ（Mozilla系など）と全く違い、しかもバージョンによっても表示の仕方が全く異なり、レイアウトがずれてしまう困ったブラウザです。

スタイルシートを使用したサイトが、IE（Internet Explorer）だけレイアウトが崩れてしまう現象の対処法です。

文字コード変換をサクラエディターを使用して行う手順です。簡単に出来る上に動作も軽いのでスクリプトの書き換え等にも重宝します。

サクラエディターとは、Windowsで言うメモ帳の高機能型テキストエディターのことです。メモ帳では出来ない機能が充実しており動作も軽いので、HTML作成にはとても便利ですので、今回はインストール手順を掲載します。