IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル
IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい
『float指定で発生するＩＥ６のバグ「余白２倍」を解決する方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ 今月２００９年９月号のWeb Designingを読んでいて よく出会うフロート指定でＩＥ６のバグ「余白２倍」に 関する記事がありました。 ＩＥ６のバグ「余白２倍」とは、floatとmarginを 組み合わせたときに同じ方向に指定されている場合に ＩＥ６だと余白が２倍になって表示されてしまいます。 私は今まで回避方法として padding を使って いたのですが、違うやり方が紹介されていた のでメモ 解決方法１ floatした要素ではなく子要素にmarginを指定する 解決方法２ display:inline;を指定する ＩＥ６でfixedさせる方法と
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
「Windows IE6, IE5.5 で透過pngを使う」の決定版｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
IE6,5.5で透過pngを表示させるため、今まで様々なスクリプトが開発されてきましたが、 とうとう決定版が出現。 ■ DD_belatedPNG http://www.dillerdesign.com/experiment/DD_belatedPNG/ ここからダウンロード。 /js/ に D_belatedPNG.jsをアップロードして、 <!--[if lte IE 6]> <script type="text/javascript" src="./js/DD_belatedPNG.js"></script> <script type="text/javascript"> /* EXAMPLE */ DD_belatedPNG.fix('.png_bg'); </script> <![endif]--> とするだけでOK。 DD_belatedPNG.fix('.png
IE6のバグや仕様の解決方法のまとめ -Ultimate IE6 Cheatsheet
IE6のCSSやJavaScriptなどのバグや仕様で困った時の解決方法をまとめたチートシートをVirtuosi Mediaから紹介します。
IE6 でガタつかない positoin:fixed をさせるための詳細条件を調べてみた - Cyokodog :: Diary
「IE6 position:fixed の諸問題を解決する jQuery.exFixed.js」について、たくさんのコメント、フィードバックありがとうございます。 exFixed のうりとして「IE6 でもガタつかない position:fixed ができる」というのがありますが、フィードバックでいただいたバグを解消する際に、ガタつき防止の前提条件をいろいろと調べたので忘れないようメモしときます。 固定位置に表示させる処理 まず固定位置表示処理のおさらいから。 IE 固有機能の expression を使います。expression は CSS 定義内でも記述することができますが、JavaScript 内で記述する場合は以下のように書きます。コードは jQuery ベースです。 //位置調整ができるように position:absolute にします var el = $('#fixedE
第1回 CSSサポートが不十分なIE 6でサイトの表示品質を保証する
2008年8月設立。アクセシビリティ，ユーザービリティ，CMSの導入，SEO/SEMといったWebサイト制作から，ROIを意識したブランディング，ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など，マーケティング活動までを手がけるクリエイティブユニット。 2009年3月18日にInternet Exploler（以下IE）8が米国で正式公開されました。日本語版も同月20日からダウンロード可能になり，多くの制作者が実際に触れてみたことでしょう。しかし，それから4カ月が経とうとしている現在でもIE 8へのアップグレードはスムーズに行われていないようです。 筆者がアクセス解析を見た範囲では，IEのシェアが全体の85～95％前後，さらにIEの中では6と7が約45％前後，8のシェアが10％弱ということろです（7月6日時点）（表1）。
「IE6はもういらない」――Web企業が撲滅キャンペーン
Internet Explorer（IE）6を撲滅せよ――Web企業が反IE6キャンペーン「IE6 No More」を立ち上げた。 このキャンペーンを立ち上げたのは、WebサイトホスティングサービスのWeebly。同社は撲滅運動に乗り出した理由について、同ブラウザへの対応がWeb企業にとって負担になっているためと説明している。 IE6は2001年にリリースされ、Microsoftから後継バージョンのIE7、IE8がリリースされているにもかかわらず、今なおかなりのシェアを占めている。NetApplicationsの調査によると、7月のIE6のシェアは27％に上った。 このためWeb企業はIE6に対応せざるを得ないが、「IE6対応は難しく、いら立たしい作業で、過度に時間を取られる。さらにIE6は最近のWeb標準をサポートしていないため、開発者ができることに制約がある」状況に苦労しているという。
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
JavaScriptを使わないでIE6で透過PNGを使う方法 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers YSlow, Stoyan Stefanov氏によればWebページに採用する画像の種類は写真データにはJPEGを採用し、それ以外にはPNG8にするのが妥当だとされている。しかしPNG8に透過データを含める場合には注意が必要だ。Net Applicationsの報告によれば2008年11月現在でIE6のシェアは22%弱はある。純減を続けているとはいえ、それでもなお第2シェアのFirefoxの合計シェア21%弱よりも多い。このIE6はPNG8の透過情報をうまく扱えない。 IE6で透過データを含んだPNG8を表示すると、GIFと同じように透過かそうでないかまで透過表現が低下してしまう。このため透過情報を含んだPNG8をIE6で表示する場合には何らかの追
alphafilter.jsが透過pngのロールオーバーに対応
alphafilter.jsが透過pngのロールオーバーに対応 IE6用の透過pngライブラリ「alphafilter.js」が透過pngのロールオーバーに対応しました。 透過機能はIE6で画像の拡張子がpngの場合のみですが、ロールオーバーはすべてのブラウザ、jpg、gif、png形式の画像で利用いただけます。 img要素の場合class属性に「btn」と付ければロールオーバーの処理を行います。 <img src="./sample.png" class="btn" alt="" /> sample.pngの場合はsample_on.pngのように拡張子の前に「_on」が付いた画像をロールオーバー時に表示します。 透過機能と合わせて利用する場合は、以下のように指定します。 <img src="./sample.png" class="alphafilter btn" alt="" />
IE6で透過pngを表示する「DD_belatedPNG」
IE6で透過pngを表示する「DD_belatedPNG」 Check Tweet 配布元：Medicine for your IE6/PNG headache! ライセンス：MIT License. DD_belatedPNGはIE6で透過pngを表示するJavaScriptライブラリだ。background-positionやbackground-repeatなどのプロパティや:hover擬似クラスなどにも対応している。 その上、AlphaImageLoaderではなくVMLにより実装されている為、比較的早くに動作する。 使い方 ダウンロードしたDD_belatedPNGをhead要素などで読み込みます。その際に条件付コメントでIE6のみで読み込まれるようにしてください。 次にD_belatedPNG.fix(‘透過にしたい要素をCSSセレクタで指定’);といったJavaScriptを
IE6が消え去る日、そのあとで使える10のテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers IE8が登場しFirefox3もシェアを伸ばして、IE6の世界シェアは第3位に落ちた。といってもIE6のシェアは依然大きい。次に続くブラウザのシェアをはるかに引き離して主要なブラウザでありつづけている。高いシェアを保持しているため、標準規約に準拠したIE8が登場した現状においても、IE6に対する種々のトリッキーなテクニックは使い続けなければならない。 しかしそんな苦労がかさむ状況は勘弁願いたいということで、2008年年末ごろからIE6を明示的にサポートしないことでユーザに最新のIEやほかの最新ブラウザへ乗り換えるように促すキャンペーンを展開するべきではないかという調子の記事がちらほらと公開されるようになった。James Edwards氏がSite
IE6向けの便利なCSSハック : ユージック
IE6向けの便利なCSSハック 2008年3月25日 IE6でのロールオーバー時の背景画像のちらつきを解消するためのハックとIE6でmin-heightやmin-widthを効かせるためのCSSハックです。 IE6でのロールオーバー時の背景画像のチラつきを解消するCSSハック html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } IE6でmin-heightやmin-widthを効かすためのCSSハック /* min-height */ .min-h { min-height:100px; height: auto !important; height: 100px; } /* min-width */ .min-w { min-width:100px; width:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
https://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs
syboos.jp
YouTube、IE6サポートを段階的に廃止 | スラド IT
Pinned Sites: Windows 7 Desktop Integration with Internet Explorer 9
