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開発は最終コーナーに、MicrosoftがRC1を公開 | パソコン | マイコミジャーナル
米Microsoftは8月24日(米国時間)、次期Webブラウザ「Internet Explorer(IE) 7」のRelease Candidate(RC) 1を公開した。同社のInternet Explorerのサイトから英語版を無償でダウンロード入手できる。さらに日本語、アラビア語、フィンランド語、ドイツ語、フランス語、スペイン語などのローカライズ版もリリースされる予定だ。対応するOSは、Windows XP Service Pack 2 (SP2)、Windows XP Professional x64 Edition、Windows Server 2003 Service Pack 1 (SP1)など。 Internet Explorer 7 Release Candidate 1 RC1の主目的は開発者支援だ。互換性の向上と修正を要する問題の有無を確認するためのリリース
asamuzaK.jp : CSSでドツボ
久々にCSSでドツボっている。 きっかけは、ins要素の見栄えをちょっとだけ変更したいだけだったはずなのだが... ins要素の見栄えとして、単なる下線では読みにくいと判断したので、代わりに背景色をつけて、さらに[追加]という文字を挿入部分の冒頭に附記しようかと。 ただし、コード部分では[追加]という文字列はかえってウザイのでcode要素の中ではナシ。 というわけで、以下が当初のCSS。 ins { text-decoration : none; } ins, ins * { background : #eee8aa; } ins::before { content : "[追記] "; background : #eee8aa; color : #b22222; font-size : smaller; font-weight : bold; } code ins::before { c
IE7用CSSハック使用上の注意（特にはてなダイアリーにおいて）
2006-10-25 追記。IE7正式版で挙動が変わりました。ベータのときは無効にされていたアンダースコアハックが、後方互換モードにおいて有効になりました。標準準拠モードでは無効のままです。このためこのエントリーでとりあげたはてなダイアリーでのレイアウト崩れの問題は、正式版では発生せず、問題ではなくなりました。 2006-11-03 追記。取り急ぎのまとめ。→IE7でCSSレイアウトが崩れる原因でありそうなこと - KAZUMiX memo IE7 Betaはすごい勢いでシェアを伸ばしているようである。オレが愛用しているOpera 9を抜き去るのも時間の問題と言う勢いだ。*1そんなわけでいつまでも無視するわけには行かなくなってきたIE7の問題。IE6やそのほかのブラウザでは問題ないが、IE7では表示が崩れれてしまうCSSの対策などを調べているうちに面白いことが分かった。*2 IE7の後方互
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は標準的な
鳥さんの独り言 次期IEのためにCSSハックは削除すべきか
結論を言おう。CSS ハックは残しておくべきだ。 関連の記事を参考にしつつ、順を追って解説していこう。 以下が、問題となる IE 開発者のブログ記事だ。内容は、「あなたのウェブサイト内のCSS ハックを消してください」というもの。 IEBlog : Call to action: The demise of CSS hacks and broken pages We would like to ask your help in cleaning up existing CSS hacks in your pages for IE7. 注意を喚起しているように見えるが、つまるところ、IE7※1を早く普及させたい開発者のエゴで言っているに過ぎない。 CSS パーサー※2のバグがきちんと修正され、解釈もまともになるのであれば、全く問題は発生しないはずだ。というのも、IE6 以前用の
CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ（Safari、Opera、Firefox） ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (MYCOMジャーナル)