Internet Explorer デベロッパー センターThe new Microsoft Edge is here and now available to download on all supported versions of Windows, macOS, iOS and Android.
Internet Explorer のイメージツールバーを無効化する meta タグ
恥ずかしながら Windows Vista に乗り換えてから１年ほど経つので Internet Explorer 6 (IE6) のイメージツールバーって存在を忘れていました。というか見たことはあっても名前で言われても何なのかわかりません。しかものイメージツールバーを無効化する方法も知りませんでした。 イメージツールバーってのは Internet Explorer 6 (IE6) 上で表示されている画像にでてくるコイツのことです。 この左端と右端のヤツ。原寸サイズでみるとこいつらのことです。こいつらはイメージツールバーっていうらしいです。 このイメージツールバーってのは IE6 にのみ実装されているある意味邪魔者で IE7 にはしっかりと機能削除されているヤツなんですが、200 x 200 ピクセル以上の画像を表示する際に表示されます。画像の保存、印刷、メール添付のほか、マイピクチャフォル
RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す
リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio
ポップアップブロックされる基準 | Takazudo Clipping*
今日はじめて知ったんだけれど、IE6+XP SP2以上でポップアップブロックされ無いためには、onmouseup か onclickをwindow.openのトリガーとして指定しないとだめらしい。何でいまさらそんなこと言うのかと言うと、このページで、ポップアップブロックされてしまったから。 上記ページは、onclickでやってるのになんでポップアップされてるわけ？と思ってソース見てみたら、onclickではなくて、onmousedownで指定してた。 以下のMSDNの人のブログによると、 jeff's WebLog : mouseDown + mouseUp = click ユーザーが認識しない動作で開かれるポップアップはダメであると。ユーザーがクリックしたと認識するのは、マウスをクリックし、離した時である。よって、onmousedownは、まだクリックしている途中なのでダメなので、onl
奇数bottomバグ - IE6 | Takazudo Clipping*
絶対配置でこんな風にすると <div class="Container"> <div class="InsideBox">x</div> </div> .Container{ width:200px; height:101px; background:blue; position:relative; } .InsideBox{ width:30px; height:30px; background:yellow; position:absolute; left:0; bottom:0; } 絶対配置で下付けボックスサンプル IE6ではこんな感じになってしまいます。 何故か下に1px空いてしまうのです。どーやらIE6は、絶対配置をしてbottomを指定すると、親ボックスの高さが奇数の時、1pxあいてしまうという現象があるっぽいです。この場合は、div.Containerが101pxということ
ブラウザバグ回避用CSSセットアップ / IEバグ対処フロー | Takazudo Clipping*
暇だからCSSのセットアップでも載せとく。 CSSレイアウトで問題になるのは、ブラウザごとにバグがあって、それに対応するのにどうするかっていうのが一番困る。でも、ブラウザごとにっていっても、実際に問題があるのは、ネスケ4とかIE4とかMacIEとの本当に古いブラウザと、バグの多いけどまだちょっと使っている人がいるIE5、IE5.5、まだまだこれからも高いシェアを続けていくIE6と、かなりましになったけどまだちょっと問題のあるIE7を、なんとかすればいい。逆に言えば、これら以外のブラウザには、フツーに何の仕掛けもなしに、きちんと表示される必要がある。FirefoxとかOperaは、かなりきちんと表示してくれるから。 要するに問題なのはIEばっかりなんだけれど、FirefoxやOperaできちんと表示されていれば、IEでボロボロになってても、大して心配はない。一定の流れでバグ回避をしていけば
IE5.xとIE6互換モードがidやclass名の大文字小文字を区別しない件を利用する | Blog hamashun.com
IE5.xやIE6の互換モードがidやclass名の大文字小文字を区別しないのは、わりと知られています。 これとラクダ式id、class名を使えば、cssの振り分けができるなーとか思いつきました。 ちなみにラクダ式とは、「mainContent」や「subNavi」など2単語以上からなるid、class名を、ハイフンではなく2単語目を大文字にして可読性を上げる書き方の事です。 camelと英語で呼ぶ人もいるとか。 個人的には結構好き。 HTMLとCSSのソース /* for modern brow */ #sampleA { color: blue; } /* for IE5 6 */ #samplea { color: red; } <p id="sampleA">ほげほげ</p> これで、IE5.xとIE6互換モードでは文字が赤に、Firefoxなどでは青になります。 なお、他の人が見
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
