ウノウラボ Unoh Labs: CSSで見る、IE7。
Sashaです。 MicrosoftがIE7 RC1（Internet Explorer 7 Release Candidate 1）を公開しましたね。タブ・ブラウジング? RSS? 今ドキ当たり前。タブに出ているサイトのサムネイルが一括して見れるとか、印刷するときに用紙の大きさに合わせて印刷してくれるぴったり機能とかも、「あったらいいな」的機能であったことは確かですが、ウェブデザイナーたちの興味の中心は、今まで私たちの忍耐力をギリギリまで試してきた、IEの CSSへのサポートが、どのように変化するのか、ですよね。せっかくなので、今まで長年にわたって多くの人を悩ませてきたバグたちと照らし合わせながら見ていきましょう。ちなみに、私はまだ一つ一つ検証してませんので、その解決宣言に関する信憑性には責任は負いかねます。悪しからず。 positioniseverything.net では数年前から
IE7CSS問題のまとめと対策
はてなブックマークで知ったんですが、Internet Explorer7のCSS問題がまた注目を浴びてるんですね。 はてなブックマーク » 過去の人気エントリー 2006年05月23日 Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた このブログでも以前に、Internet Explorer 7で使えなくなるCSSハックでIE7のCSS実装について取り上げましたが、頭の整理のためIE7を取り巻くCSS問題と処方箋についてまとめてみました。 原因 Internet Explorer6：CSS実装にバグあり＋未対応多数。Quirks modeとか。 Modern Blowser（FireFoxとかSafariとか）：標準的なCSS実装。Standard mode。 →ウェブ製作者：IEだけが解釈するようにCSSハック導入 ↓ MS：IE7は標準的な
ブラウザ別JavaScript実行速度テスト（ベンチマーク）
ブラウザ／環境別に、どのくらい速度が違うのかを比較してみました。単位はミリ秒 (msec) になっています。いくらか誤差がありますので、あくまでも参考程度にしてください。WinXPはIE6とIE7を入れた別々のハードディスクを装着して計測しています。 以下の表の文字のリンクをクリックすると、スクリプトが実行されます。 JavaScript / Ajaxプログラムを作成する際の参考にしてみてください。 Firefox 2 vs 3.0RC1のベンチマークも用意しました。 MacOS X (Tiger) vs Windows (XP SP2) のベンチマークも用意しました。 最終更新日 : 2008/5/19 openspc@po.shiojiri.ne.jp ■機種スペック Windows XP, Celeron 2.8GHz, RAM : 512MB MacOS X Tiger, Powe
IE6 と IE7のサブウィンドウ比較
IE6とIE7でサブウィンドウを開いたときの結果画面です。リンク文字をクリックすると実際のスクリプトが処理されます。 IE7ではサブウィンドウが、どのサイトのものかを示すロケーションバー（アドレスバー）が常に表示されるようです。 IE6、IE7ともWindows XP SP2上で実行させています。
IE7 のバグ - 工房らくだ舎
隣接セレクタ ぶっとんだ。 なにかって、 IE7 のアホすぎる仕様に驚いた。 IE7 は隣接セレクタに対応したと謳っているが、うちのサイトではどうしても #hoge+#fuga な指定が反映してくれなかった。うちでは、以下のようにコメントをつけて、ソースを見やすくしている。 <!--~~hoge~~--> <div id="hoge"> hogehoge </div> <!--__hoge__--> <!--~~fuga~~--> <div id="fuga"> fugafuga </div> <!--__fuga__--> もしやと思って、コメントをはずしてみた。 ・・・見事に隣接セレクタが反映された。 つまり、 IE7 では、コメントを要素として扱っている・・・かどうかは確認とれていないが、いずれにしても <要素 A><!--コメント--><要素 B> の時、 要素 A + 要素 B
小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる
はてなブックマーク経由で「IE6 と IE7 の共存はできませんか？」という類の質問をいくつか頂きまして、ネットを検索してみたところ、簡単に共存できる方法が書かれたサイト（下記）をみつけましたので、本エントリーにて IE6 と IE7 を共存する方法をご紹介します。 Tredosoft：Internet Explorer 7 running side by side with IE6. (standalone) 「共存」というのはやや誇張した表現ですが、IE7 Standalone 版を本来の IE のインストールフォルダとは異なるフォルダにインストールするというものです。またインストーラを利用するので簡単にインストールできます。アンインストールも可能です。当然ながら対応 OS は Windows XPのみです。 上記のページには2つの方法が紹介されていて、このエントリーでは「インストーラ
ちょっとしたメモ - IE7、Firefox2でもRSS1.0にXSLTを適用させる
IE7やFirefox2は、「フィード」をMIMEタイプで判別できないときは、コンテンツの先頭部分のテキストマッチで判断して「フィードプレビュー」を起動しているらしい。判定用の文字列パターンをRSSファイルで直接用いないようにしたら、確かにどちらのブラウザもプレビューではなくてXSLTを適用するようになった。ただし、一般のフィードリーダーの中にも同じような文字列マッチを使っているものがある模様で、方法によってはこれらのフィードリーダーでも修正版RSSを読めなくなってしまうので注意が必要だ。 Microsoft Team RSS BlogのWindows RSS Publisher's Guideによれば、MIMEタイプがapplication/xmlもしくはtext/xmlであるときは、IE7はコンテンツ冒頭の512バイトを読んで、その中に次の3つの文字列があればRSS1.0と判定するのだ
IE7 の CSS レンダリングを検証
IE7 の日本語版もリリースされ、ぼちぼち使い始める人たちも増えてきそうな今日この頃。 IE7 からは今まで Firefox 等に比べて遅れていた CSS への対応も進み、サイト制作者にとってはうれしい限りなのですが、実際 IE7 のCSS レンダリングはいかがなものか、簡単に検証してみました。 今回検証したのは、IE7 におけるボックスモデルの取り扱いと、セレクタへの対応状況。 まずはボックスモデルの検証ですが、用意したのは下記の XHTML と CSS。 <ul> <li class="first_list">First element of list</li> <li class="second_list">Second element of list is a bit longer to illustrate wrapping.</li> </ul> ul { margin:0;
マイクロソフト、Internet Explorer 7の日本語正式版公開 | パソコン | マイコミジャーナル
マイクロソフトは11月2日、Internet Explorer 7(IE7)の日本語正式版をリリースした。同社は10月18日(米国時間)にIE7英語正式版をリリースしており、数週間以内に各国語版を提供する計画を示していた。対応OSはWindows XP SP2、Windows XP 64bit Edition、Windows Server 2003 SP1のいずれか。無料でダウンロードが可能だが、Windows Genuine AdvantageによるOSの正規版チェックを受ける必要がある。 日本語インタフェースの外観は、9月にリリースされた製品候補版の日本語版IE7 RC1(Release Candidate)と同様である。デフォルトの状態でメニューバーを廃し、タブブラウズ機能を標準装備する。このほかセキュリティやユーザビリティも大幅に強化されており、フィッシング詐欺検出機能やページ
SummerWind » IE7正式版とその個人的まとめ その3
Oct 27, 2006 ちょっと間が空いてしまいましたが、その1、その2に引き続いて、IE7の個人的まとめです。最終回の今回は、CSSハックについてまとめてみます。ハックはブラウザのバグを利用したものであり、CSSの正しい使い方ではないため、今後はできるだけ使用を避けたいと自分は考えていますが、知っておいて損はないんじゃないでしょうか。 IE7では、IE6で使用することができたハックのほとんどは無効になるよう、様々な修正が加えられています。IE7で使えなくなったCSSハックについては、Odysseygate.comのInternet Explorer 7で使えなくなるCSSハックという記事に詳しくまとめられています。また、他のモダンブラウザを含めた使い分けは、Lucky bag::blogのIE7 を含むモダンブラウザ向けの CSS ハックまとめが非常に分かりやすいです。 IEで使えるC
SummerWind » IE7正式版とその個人的まとめ その2
Oct 23, 2006 その1に続いて、IE7の個人的まとめ。今回はCSSのセレクタ周りの対応状況を確認してみます。その1でも紹介しましたが、CSS実装徹底検証! そこが知りたいInternet Explorer 7を参照すると、IE6と比べるとIE7のセレクタの対応は結構進んでいる事が分かります。IE7では、子供セレクタ、隣接セレクタ、属性セレクタ、:first-child疑似クラスが使えるようになっているようです。 各種セレクタや疑似要素、疑似クラスの機能は、ここでは取り上げないので、CSSのリファレンス等を参考にしてみてください。それぞれの簡単な使い方は次のような感じになります。 /* --- 子供セレクタ ---*/ /* div要素の中のp要素に適用 */ div > p { color: red } /* --- 隣接セレクタ ---*/ /* h3要素に並んでいるp要素に適
SummerWind » IE7正式版とその個人的まとめ その1
Oct 22, 2006 先週、Internet Explorer 7の正式版がリリースになりましたね。リリースされたのは英語版のみですが、日本語版を含む各国語版も2-3週間以内にリリースされるようです。出たからには…、という事でこのサイトの表示具合も再度確認してみましたが、とりあえずは問題なさそうです。 IE7によるWebページの表示(CSS周り)はIE6と比べると大きく変わっているので、IE6との違いをきちんと認識しておかないとWebページの制作時に色々な問題が起こりそうです。というわけで、IE7についての表示とCSS対応について、他のサイトで公開されている情報を含め、個人的にまとめてみます。 まず動作モードについて。IEには標準準拠モード(Standard Mode)と互換モード(Quirks Mode)の2つがあり、モードによってCSSの解釈が異なります。IE6ではXHTML文書の
hxxk.jp - IE 7 の :first-letter 擬似要素の font-size の算出
記事データ 投稿者 望月真琴 投稿日時 2006-10-25T22:31+09:00 タグ CSS Firefox IE Opera スクリーンショット バグ 仕様 概要 ユニバーサルセレクタにて font-size を指定しており、かつ擬似要素の方で font-size を指定しなかったら、 IE7 は擬似要素の元となった要素の font-size ではなくユニバーサルセレクタの font-size を元にするみたいです。 リプライ リプライはまだありません。 IE 7 だけ文字が小さいぞ ? IE 7 での表示確認を目下行っている最中ですが、 hxxk.jp では大きな表示崩れは起こっていないようです。 まあ、 IE 6 でもバグ対策で一部の border を表示しないといった対応を採っていた以外は同じような表示になっていたので崩れるとは思っていませんでしたが。 しかし、 MOMENT
ITmedia Biz.ID：IE 7の印刷機能をチェック＆ショートカットで便利に使おう
先週、レビューしたInternet Explorer 7。今回は、まだ試していなかった印刷機能をチェックした。「IE 7を便利に使う15のショートカット」もご紹介しよう。 先週、レビューしたInternet Explorer 7（IE 7）。週末に試してみた読者の方もいらっしゃるだろう。今回はまだ試していなかった印刷機能などをチェックした。「IE 7を便利に使う15のショートカット」もご紹介しよう。 →インストールと初期設定はこちら →タブブラウザ機能とRSS機能についてはこちら 横幅の広いページを印刷してもはみ出ない IE 7の印刷機能では、自動的にテキストを縮小し、すべてのWebページが実際の印刷用紙に収まるようになっているという。実際にIE 6とIE 7で比較してみた。サンプルにしたのはBiz.IDのトップページ。印刷用ボタンを使わず、Web閲覧用ページをそのまま印刷した。ページ上部
覚え書き@kazuhi.to: 続・スタンドアローン版IE7
続・スタンドアローン版IE7 数日前に書いた覚え書き「スタンドアローン版IE7」では、インストール後にIE6の挙動がおかしくなり、URLを指定してもローカルPC上のHTMLファイルをドロップしてもデフォルトブラウザ（Firefox）で開くようになってしまいました。その後、IE7に関連するレジストリエントリを削除することで元の状態に復帰できたのですが、やはりスタンドアローン版IE7は必要ということで、別の方法を試してみました。それはTredoSoftが公開している方法で、Internet Explorer 7 running side by side with IE6. (standalone)に詳しくあります。手元のWindows XP SP2環境では、今のところ前回のような問題は起きていませんので、一連の操作（同社の提供する一括インストーラを使わない場合）を覚え書きしておきます。しかしい
覚え書き@kazuhi.to: スタンドアローン版IE7
スタンドアローン版IE7 Internet Explorer 7の正式版がついにリリースされました。一応手元のWindows XP SP2環境でスタンドアローン版を作って起動させることができたので、その手順を覚え書きしておきます。基本的にはDevelopment on a Shoestring » Running IE7 as a standalone applicationで紹介されているそのままですが、何が起こっても自己責任ということで、よろしくお願いいたします。 2006年10月19日追記：以下の操作のあと、IE6のアドレス欄にURLを入力してもFirefoxで開いてしまうという現象を確認しています。症状としては秋元@サイボウズラボ・プログラマー・ブログ: IE7でたねと同様です。 2006年10月20日追記：このスタンドアローン版IE7をインストールすると以後IE6のかわりにデフォ
hxxk.jp - IE 7 正式版を含む各種ブラウザの CSS Selectors testsuite の検証結果のまとめ
記事データ 投稿者 望月真琴 投稿日時 2006-10-20T03:57+09:00 タグ CSS Firefox IE Opera まとめ 概要 IE 7 の正式版がリリースされたので、 CSS Selectors testsuite の IE 6 と IE 7 と Firefox 1.5.0.7 と Opera 9.02 での検証結果をまとめてみました。 リプライ 4 件のリプライがあります。 IE 7 の正式版が出たので CSS Selectors testsuite でチェックしてみた IE 7 の正式版がリリースされたので、かねてから便利だと思っていた、 Lucky bag::blog: 使用中のブラウザの CSS セレクタ対応状況をチェックできる CSS Selectors testsuite で紹介されていた CSS Selectors testsuite - CSS3 .
IE6とIE7を判別するJavascriptコード:phpspot開発日誌
Abe Fettig’s Weblog 実Detecting IE7 in Javascript IE6とIE7を判別するJavascriptコード。 判別は次のようなコードで出来るようです。 if (typeof document.body.style.maxHeight != "undefined") { // IE 7, mozilla, safari, opera 9 } else { // IE6, older browsers } IE7もそろそろ正式版がリリースされるようですのでメモしておくとよいかも。 関連エントリ 古いバージョンのＩＥを１台のＰＣで使う方法 IE7 Is Coming This Month...Are you Ready?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://easygoing.under.jp/tips/index4.shtml
Internet Explorer 7.0 に関するカスケード スタイル シートの互換性
