‘Internet Explorer’ カテゴリーのアーカイブ

IE 1.5から検証できるInternet Explorer Collection

2009 年 7 月 25 日 土曜日

IE TESTERは5.5からだがInternet Explorer CollectionならIE 1.5から検証が可能。

codecpack.nl – Internet Explorer Collection
http://codecpack.nl/iecollection.htm

このエントリーを含むはてなブックマーク

IE8のみ適用するCSSハック

2009 年 5 月 13 日 水曜日

正式リリースされたIE8のCSSハック。


#name p{
padding: 2px;
}

html>/**/body #name p{
 padding /*\**/: 1px 1px 1px 1px\9;
}

IE TESTERのIE8でも確認可能。

このエントリーを含むはてなブックマーク

IE7のみ適用するCSSハック

2009 年 5 月 12 日 火曜日

#name{
すべてのブラウザに適用するハック
}

*:first-child+html #name {
IE7のみに適用するハック
}

IE8が正式リリースされたが、商用サイトでIE全体の3%~5%、WEB系情報サイトでIE全体の8%~10%程度。ブラウザ全体では2%~8%程度。まだまだ、[Internet Explorer 8のデザイン崩れを回避するメタタグ]でIE7に落とした方が安全かもしれない。

このエントリーを含むはてなブックマーク

IE5.5, IE6, IE7, IE8の動作確認が出来るIE TESTERの注意点

2009 年 5 月 11 日 月曜日

IE TESTERはIE5.5~ブラウザ表示の確認が出来る優れたフリーのツールだが、若干挙動が実際のブラウザ(特にIE6)とは異なるケースがある。

また、特にCokkieまわりの挙動でエラーが発生する場合あがあるが、IE TESTERでエラーであっても、実機で確認をとった方が良い。設定を変更すれば問題ないのかもしれないが、デフォルト時では、実際は問題ないのにも関わらずエラーが発生する場合があるので、注意が必要。

このエントリーを含むはてなブックマーク

JQueryを使ったフォントサイズ変更はInternet Explorer6(IE6)では正常に動作しない場合が多い

2009 年 5 月 11 日 月曜日

以前紹介した、ページが遷移してもフォントサイズが変更されないサイトを作る方法は、様々なサイトで紹介されているが、Internet Explorer 6(IE6)では正常に動作しない場合が多い。

原因は不明(調査中)

このエントリーを含むはてなブックマーク

Internet Explorer 6でCSSデザイン崩れが起きやすい原因

2009 年 5 月 11 日 月曜日

今更の確認。

IE6はborderまで含めた幅をwidthとして解釈する事を前提に構築する必要がある。
標準準拠や後方互換という事によるモノ。

例えば…
width: 960px;
border: solid 1px #000000;

とした場合、IE7未満以外ではコンテンツ幅は960pxのままだが
IE6以下では958pxが実寸のコンテンツ幅となる。

IE6でデザイン崩壊を起こす(floatが下に回り込むなど)は、このパターンが多い。

参照
ADP: IE6のwidth解釈バグ対処法

このエントリーを含むはてなブックマーク

Internet Explorer 8のデザイン崩れを回避するメタタグ

2009 年 5 月 4 日 月曜日

Internet Explorer 8でデザインが崩れる場合、<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />をhead間に挿入する事でInternet Explorer 7にデザインを合わせる事ができる。

参考:http://www.atmarkit.co.jp/fdotnet/special/ie8review/ie8review_01.html

このエントリーを含むはてなブックマーク

秀丸やOutlook ExpressのURLをクリックしてもブラウザが起動しない場合

2009 年 4 月 29 日 水曜日

たまたま秀丸とOutlook ExpressのURLをクリックしてもブラウザが起動しなかったので、そのメモ。
これは、秀丸やOutllok Expressの設定に問題があるのではなく、ブラウザの設定に問題がある為。

Internet Explorerを起動する場合:ツール→インターネットオプション→プログラム→「Internet Explorerの起動時に、通常使用するブラウザを参照する」にチェック
Firefoxを起動する場合:ツール→オプション→詳細→既定のブラウザ[起動時にFirefoxが既定のブラウザであるか確認する]にチェック

このエントリーを含むはてなブックマーク

text-align:distribute で文字間隔と単語間隔を調整して均等割付する

2009 年 4 月 24 日 金曜日

text-align:distribute はIEのみ採用されているプロパティで、文章を綺麗に整えたい場合に使用する。現在はIEのみ使えるが、今後他ブラウザ(FirefoxやSafari)で採用されるかは不明。

このエントリーを含むはてなブックマーク

Firefoxでfloatするとリンク時に横線が表示される問題を解決する

2009 年 2 月 13 日 金曜日

selectname a{
float: left;
width: ***;
height: ***;
display: block;
}

firefoxだとリンク時に横に線が表示されてしまう。
outline:0;を指定すれば、横線は消えるが、線そのものがまったく消えてしまい、リンクかどうかの判断がつきにくい。

overflow:hidden;を指定すれば、width, heightで指定したサイズにリンク線が表示される。

このエントリーを含むはてなブックマーク