ネガティブマージンを使うなら position: relative; を併記 – かめめねっと
レイアウト上、margin:-20px; などと表記したいときもあるんだけど、IE6は言うことを聞いてくれない。。。 ネガティブマージンとは「マイナス値のマージン」のことですが、IE6ではこのマイナス値を読み取ってくれないためにこのようなことが起こる。 そのため、margin:-20px; とするなら、 .要素{ margin-left:-20px; position:relative; } とするか、marginはdiv上でfloatプロパティを使うと値が2倍になってしまうバグもIE6にはあるので、 .要素{ position:relative; left:-20px; } とするのが良いかも知れない。 ただ、親要素の位置などによっては、計算が異なる場合があるので、必ずしも同じ位置になるとは限らないと思うので、その場に応じて使いやすい方を使おう。 私は position 好きなので、後者
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
DD_belatedPNG: better PNG background-image support in IE6
Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this. The intended implementation is pretty easy: Download a copy of the DD_belatedPNG Javascript fi
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
「IE6の利用はやめて」、内閣官房が各省庁に移行を推奨
内閣官房情報セキュリティセンター（NISC）は2010年6月17日、各府省庁に対して、Internet Explorer 6（IE6）からInternet Explorer 8（IE8）への移行を推奨したことを明らかにした。 IE6は、2001年8月にリリースされたWebブラウザー。最近では、セキュリティや互換性の問題が頻発。例えば2010年1月には、IE6だけを狙った攻撃が確認されている。このためマイクロソフトなどでは、IE6のユーザーに対して、最新版IE8への移行を推奨（図）。グーグルなどのWebサービス提供者は、IE6への対応を順次打ち切っている。 しかしながらNISCによれば、中央省庁の中には、バージョンアップすることなくIE6を使い続けているところがあるという。組織内のシステム（Webアプリケーション）を、IE6用に構築しているためだ。IE8に移行するとなると、既存システムがIE
IE6を永眠させるべき10の理由
3月4日、Internet Explorer（IE）6を埋葬するために、100人もの人が米コロラド州デンバーに集まった。この葬式は、10年近く生き続けてきた同ブラウザの、長々と引き延ばされていた終わりを示す出来事となるだろう。そしてこの葬式の直後には、GoogleがYouTubeでIE6のサポートを終了する。 IE6に永遠にさよならを告げたい人には残念なことだが、別れはすぐには訪れないだろう。同ブラウザは世界中のWindows XPユーザーや、レガシー製品に依存している企業に広く使われている。だからといって、引退させるべきではないということにはならない。IE6は長い間、批判の的になってきた。市場において、セキュリティ問題を引き起こしている最悪の「犯人」の1つとなっている。 最悪の製品にも義理立てを続けることで悪名高いMicrosoftでさえ、IE6を使い続けるよりも、IE8にアップグレード
「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標準をサポートしていないため、開発者ができることに制約がある」状況に苦労しているという。
「IE6 No More」プロジェクト、スタートアップ企業で始まる
Internet Explorer 6を利用しているユーザーに、最新のWebブラウザであるFirefox 3.5、Internet Explorer 8、Safari 4、Google Chromeなどへ乗り換えてもらおう、というプロジェクト「IE6 No More」を、米国の複数のスタートアップ企業が協力して開始しました。 そして、多くのWebデベロッパーの参加を呼びかけています。 参加方法は、自分のWebサイトにあらかじめ用意されたJavaScriptHTMLのコードを貼り付けるだけ。このコードを貼り付けたWebサイトに、Internet Explorer 6でアクセスすると次のような画像が表示されます。 コードは上記の「IE6 No More」のCode Samplesのページに用意されています。日本語版も用意されていました（今日の午前中にはなかったので、どなたかが早くもこのプロジェ
透過pngを表示する-CSS TIPS
透過pngは便利な機能なのですが、IE6が対応していない為、通常のやり方では使用できません。 IE6とその他のモダンブラウザで透過pngを表示する方法は以下のようになります 記述するcssコード div.alpha{ width:100px; height:200px; background:url("alpha.png"); } * html div.alpha{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png',sizingMethod='scale'); background:none; } サンプル div.alphaの記述はすべてのブラウザに対して適応されます。 その後にスターハックを使用して透過pngをサポートしていないＩＥ６のみに適応するスタイルを記述します。（ＩＥの独自拡張フィ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA