IE7のCSSバグとOpera CSS Hack | F+R (FplusR)
少し時間があったので、Windows Internet Explorer 7のCSSバグを検証してみた。 IE7 を含むモダンブラウザ向けの CSS ハックまとめにうまくまとまっているが、いくつか誤りもあり、新しいCSSハックも発掘したので少し書いておきたい。 検証したのは、Window Internet ExplorerのV6/V7、Firefox 1.5、OperaのV8/V9、Safari 1.3 です。今回はサンプルを用意しないので自分で確かめてほしいのと、複雑な属性セレクタを使ったものは難しい人もいると思うのでシンプルなものに限定してみた。 また、W3C CSS validator でValidなもののみに限定しています。 Internet Explorer 7のハック 「*+html hack」（*+html bodyのハック）は、じつはOpera 8.0 以降にも適用され
IE7で再考するボックスモデルとDOCTYPEスイッチ | dTblog | デザインとプログラムの境界をさまようブログ
IE7のWeb標準準拠の動きのおかげで、DOCTYPEスイッチとボックスモデルハックを使用してきたサイトは、その設計を見直さないといけないという、やたら哀しげな状況が生まれている。まあ、自分の手がけてきたサイトがそうなんですが。 取り急ぎ、簡単な対策をメモ。 対象となるのは、XML宣言付きのXHTMLで、CSSハックによってボックスモデルを互換モードで表示しているサイト。要は、IE6を中心に設計されちゃっているサイトね。 XML宣言付きのXHTMLは、IE6だけ互換モードで、Firefoxとかその他のメジャーブラウザは標準モードで表示を行う。今はIE6ユーザーが全盛なので、標準モードのブラウザの表示をIE6に合わせようとして、以下のようなボックスモデルハックを使うことがある。 * { box-sizing: border-box; -moz-box-sizing: border-box;
小粋空間: IE7 の CSS ハック
「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する（=他のブラウザと表示を合わせる）場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { ： [IE7用のスタイルを記述] ： } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します（下記）。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { ： [IE7以外のスタイルを記述] ： } *:first-child+html #banner { ： [IE7
IE7バグ：横幅が指定値よりも広がる
WinIE7の環境下においてある特定の条件を満たしてしまうと、横幅が指定した値より大幅に大きくなり、横スクロールバーが出てしまうというバグが見つかりました。 サンプル：http://css-happylife.com/template/09/ 原因は、ある条件下でfloat:rightを指定したとき、IE7は親のボックスがサイズ指定されていても、ソレを無視して右に行ってしまうからだと思います。 さらにソコに特定の条件が重なると発生。 floatでrightを指定している リンクを貼っている a要素をdisplay:blockにしている a要素のmarginでマイナス値を指定している 上記要素が具体的にどのように絡むと発生するのかイマイチわかってないですが、右を基点とする場合があやしいと思う。 また、positionなどで、rightを基点に指定した場合にも発生するかもしれません。 とりあえ
小粋空間: 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でページが表示されない件について : とあるWEBクリエイターのblog
先日日本語版がリリースされたIE7だが重大なバグの方が修正されていない。 特定のページがごくまれに表示されない。 特定のページの一部分がまれに表示されない。 というものである。 リロードを行うと正しく表示されるし、ソースの表示を行うと正しく表示されていることかブラウザの問題と思われます。 事実IE6では問題なく表示されます。 これをWEBサイト上から回避するにはいくつかの方法があります Content-Style-Typeを正しく記述する。 head要素内にhttp-equiv属性でスタイルにCSSを指定することにより回避されることがあります。 <meta http-equiv="Content-Style-Type" content="text/css" /> これはレンダリングエンジン(ブラウザ)などにスタイルシートを使用していることを明示的に指定するものです。 ブラウザサイドでキャッ
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;
【CSShack/ＣＳＳハック】いつie7リリースがあってもこれで大丈夫！なハック::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
ハッピー スターカジノで幸せな時間を過ごそう！ - ハッピー スターカジノで幸せな時間を過ごそう！
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
Internet Explorer 7で使えなくなるCSSハック « Odysseygate.com
前回に続いて、Internet Explorer 7で使えなくなるCSSハックについていってみたいと思います。きっとどこかのサイトがすでに公開してると思うのですが、どうもうまく検索できなかったので…。 参考にしたのは、例によってCascading Style Sheet Compatibility in Internet Explorer 7です。 CSS Filters（おで訳。適当に省略してます） ブラウザーベンダーによってCSSの実装が異なったり、さまざまなバグがあるせいで、CSS標準によっても結局表示がばらばら。結果としてウェブディベロッパーコミュニティはさまざまなCSSハック(MicrosoftはこれをCSS Filterと呼んでいる)を作リ出した。 IE7では、数々の（これらの原因となる）構文バグを修復したので、これまでのバージョンのIEで動作していた、以下のCSSハックは動作
hxxk.jp - IE 7 と Firefox 1.5.0.7 と Opera 9.02 の擬似要素の取り扱い
仕様は最後まで読みましょう IE 7 の :first-letter 擬似要素の font-size の算出や IE 7 の :first-letter 擬似要素の font-size のカスケーディングであれこれ悩んでいる IE 7 と :first-letter 擬似要素の問題ですが、はてなブックマーク - 徒栞の北村さんのはてなブックマーク - hxxk.jp - IE 7 の :first-letter 擬似要素の font-size のカスケーディングでの :first-letter擬似要素を用いた時の"fictional tag"は http://www.w3.org/TR/REC-CSS2/selector.html#x57 にあり。/ 最後の図の"IE 7"と"Firefox や Opera"は逆のような というコメントで再度仕様を読みました。 実は http://www.
新ブラウザが XSLT を無視する件
先日相次いでリリースされたブラウザの新バージョン、IE7 と Firefox2。共にとってもいいブラウザだと思うんですけどね、両方に共通して気に入らないのがフィ... 先日相次いでリリースされたブラウザの新バージョン、IE7 と Firefox2。共にとってもいいブラウザだと思うんですけどね、両方に共通して気に入らないのがフィードの処理。 両ブラウザともフィードにアクセスした際に、独自のフォーマットに変換して表示してくれるようになっています。これ自体は今までみたいに生の XML ソースが表示されてしまうよりは親切なんで問題ないんですけど、じゃあ何が気にいらないのって、XSLT や CSS が指定されているフィードに関してもそれを無視して変換してしまうところ。 ベータ版試用した時から気がついてはいたものの、正式版では 「xml-stylesheet」 の記述があったときにはそっちを優先してく
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 .
IE7 正式リリース、ダウンロード開始
次期 Internet Explorer である、Internet Explorer 7 （以下、IE7） の正式版ダウンロードがスタートしました。 今回は Automatic Updates （自動更新） での提供前に、ダウンロードによる提供を先行スタートさせた形で、一般的なユーザーへの提供開始は自動更新経由で 11月からとのことです。 CSS 関連で E > F E + F E:first-child E[foo] E[foo="warning"] E[foo~="warning"] E[foo|="warning"] あたりのセレクタには対応。ただし、 E:lang E:focus E:before E:after は未対応...... 使えねぇ。あと、 E:hover がすべての要素に適用可能になったり、セレクタが正しく解釈されるようになったらしいので、 * html { ～ }
IE7のリリースに備えて | コラム | ミツエーリンクス
2006年第4四半期（10月〜12月）、つまり今年の大晦日までのあいだに、マイクロソフトが提供するWebブラウザ・Internet Explorer 7（以下IE7）の最終製品版がリリースされる見込みです。これは高いシェアを誇るIEの次期バージョンであり、既にリリース候補（Release Candidate、以下RC）バージョンが公開されています。本コラムでは、IE7とそれがWebコンテンツ実装にもたらすインパクトについてお話したいと思います。 IE7の概要 今年中の登場が予定されているIE7は、Windows XP SP2向けのもの（Windows Internet Explorer 7forWindows XP）です。来年以降に登場の次期WindowsプラットフォームであるWindows Vista向けは、Windows Internet Explorer 7inWindows Vis
Internet Explorer 7.0正式版は自動更新でインストールされる
Internet Explorer 7.0の正式版が今月中にも発表予定なわけですが、なんとMicrosoft Updateなどの更新時に自動的にインストールされる予定とのこと。パッチを当てて再起動したらIE7になっているというわけ。 ただし、日本ではこの自動更新が米国よりも6ヶ月遅れることになっており、米国で10月中に自動更新によるIE7の配布が開始されるのであるとすれば、日本では半年後の2007年4月頃から自動更新による提供が開始される見込みです。 詳細は以下の通り。 IEBlog : IE7 Is Coming This Month...Are you Ready?（マイクロソフトのIE7開発チーム公式ブログ） Microsoft to Push Out IE 7 This Month - Security Fix（ワシントンポストのセキュリティブログ） 企業ユーザー用に自動更新をオフ
IE6 を消さずに IE7 Beta 3 を起動する - アメリカでがんばりましょう
マイクロソフトが Internet Explorer 7 (IE7) のベータ版をテストしている。 Web 系の仕事をしている人は、正式リリースの前に開発しているWebサイトがきちんと表示されるどうかテストできるので、ありがたい方法ではあるのだが、IE 6が上書きされてしまうのが痛いところ。 しかし、マイクロソフトは IE7 を OS とは切離してリリースするという発表をしていることもあり、ちょっとしたトリックを噛ませるだけでインストールをしなくても起動するようだ。 こちらのサイトの情報を元に試してみたら、 IE7 日本語版 ベータ 3 と 英語版 IE 6 の 2つのバージョンのIEを同時に動かすことができた。 ただ、この方法では、お気に入り, RSSフィード,検索ボックス, メニュー(の一部) が起動しないといった問題はある。 あと、ポップアップブロックの設定が変えられないという問題に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer 7.0 に関するカスケード スタイル シートの互換性
IE7は3.06％、Firefox 2は2.38％～OneStat.comのブラウザシェア最新調査
ピクセル単位で合わせるところではborderを使わない（IE7でも！） - ADP
