IEでドキュメントモードの既定値を変更する方法
IEでドキュメントモードの既定値を変更する方法を紹介します。 １．問題点 会社のあるシステムを使っていると、IEで次のようにレイアウトが崩れてしまいました。 具体的には「承認者」の下にあるボタンがテーブルの中に入り込んでしまっています。 原因はブラウザのドキュメントモードらしいので、F12を押下して、開発者モードを表示。 （クリックで拡大） ドキュメントモードの「7」が既定値になっているので、最新の「Edge」を選択。 これでレイアウト崩れが解消しました。 が、このページを正常に表示させるには毎回この操作を行わなければならないのですが、常に「Edge」を既定値にする方法はないでしょうか。 ということで、ドキュメントモードの既定値を変更する方法を紹介します。 ２．ドキュメントモードの既定値を変更する ドキュメントモードの既定値を変更するには、「ツール」→「互換表示設定」をクリック。 「イント
IE11のバグまとめ - Qiita
バージョンごとに進化するIEのバグ 備忘録も兼ねて記事にまとめました。 バグについての解決策と補足も併せて記載してますが、 記事に記載されていない遭遇率高めのバグやより良い解決策などがあれば、是非フィードバックをお願いします。 まとめてみた所感としては、IE6の頃から根本的な部分は変わってない気がします。 （ただし、パフォーマンスが大幅にアップしたのは認める。） IE11はWindows10の場合、2025年までサポートが続きます。 https://support.microsoft.com/ja-jp/lifecycle/search/18165 ﾅﾝﾃ／(^o^)＼＼(^o^)／／(^o^)＼＼(^o^)／／(^o^)＼ｺｯﾀｲ もうね...アボカドまるごとバナナかと。 ちなみに今年の4月でVistaがサポート終了するので、1ヶ月後にはIE9を窓から放り投げてOKです。 https:/
IE11でflexboxの縦幅がおかしい時はflexプロパティの書き方が原因かもしれない
公開2015.08.07 更新2017.12.03 仕事・技術 Windows10が発売されて新ブラウザのEdgeが使えるようになっても、まだまだInternetExplorerの呪縛からは逃れられません；； 今回はフロートを使ったレイアウトではなく今後主流になってくる「フレキシブルボックス」でのレイアウトで発生した問題です。 以下のようなコードがあるとします。 <div id="flexParent"> <header>ヘッダー</header> <main> <div class="flexChild left">左</div> <div class="flexChild right">右</div> </main> <footer>フッター</footer> </div> よくあるカタチで、縦並びにヘッダー、メインコンテンツ（左右に２カラムあるとします）、フッターがあります。 これら
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
消滅してしまったmodern.IEの代わりとなるものは？ – ワイヤード・パンチ
消滅してしまったmodern.IEの代わりとなるものは？ 2016年2月26日 以前はmicrosoftのサイト内にmodern.IEという、旧式のIEがインストールされた仮想環境をダウンロードできるページが存在していたのですが、そのmodern.IEがいつのまにか無くなっていました。すでにサポートが切れた、IE9に対応させなければいけない案件がいまだに存在するので、modern.IEが必要だったのですが…。 別のページに移動していた。 Virtual Machine (VM), Windows Virtual PC & BrowserStack : Microsoft Edge Dev 実は上記のページに移動していたようです。ページ名や見た目こそ変わったものの、機能はほとんどmodern.IEと同じで、こちらから旧式のIEがインストール済みの仮想環境をダウンロードすることができます。 し
游を font-family で指定した時に IE で生じる謎余白対策 | Thought is free
IE で游ゴシック・游明朝を指定した時に IE で生じる謎の余白 いまだに、IE 11 のシェアが多いので、 この手のバグへの対策は、メンドー臭い。 IE の場合、「メイリオ」以外だと、line-height が効かなくなるバグもある。 単純な話、IE では、font-family の先頭で「メイリオ」フォントを指定しないとダメですね。 （同じ Microsoft でも Edge なら、メイリオ以外でも問題ない） 参考サイト 最近は、Windows と Mac で同じフォントにするため、「游ゴシック」を指定してるサイトもあるが、その場合は、IE だけメイリオにする CSS ハックした方がいいと思う。 例えば、font-family を ↓ このように指定してるなら、 body { font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro
WindowsとIEの各バージョンで動作確認をしたければこれが役立ちそう Microsoftが検証用の仮想マシンを無料配布しています
用意されているWindows環境 用意されている、WindowsおよびInternet Explorer環境の組み合わせは下記の通り。 律儀にXPも用意されているんですね。 既にWin10も存在してます。 IE11 on Win10 IE11 on Win7 IE11 on Win8.1 IE10 on Win8 IE10 on Win7 IE9 on Win7 IE8 on XP IE7 on Vista IE6 on XP ダウンロードしてみる まずは「１ Select Virtual Machine」でWindowsとIEのバージョンを選択。 次に「２ Select Platform」で仮想マシンを動かすプラットフォームを選択します。 最後に「３ Download your Virtual Machine」から、zipファイルをダウンロードしましょう。 それぞれのファイルはクリックし
セレクトボックス内の要素を非表示にしたい
<select> <option>test1</option> <option>test2</option> </select> のtest1を非表示にしたいのですが、javascript 、jqueryで可能でしょうか？ firefoxでは、cssのdisplay:noneで非表示になりますが、IEでは実現できませんでした。
PHPでダウンロードさせるファイル名がIEで文字化けする件 - Qiita
問題はどんな言語で書いても起こることですが、たまたま仕事でPHPつかってたときにぶつかったのでメモしておきます。 結論 HTTPのレスポンスヘッダで Content-Disposition: attachment; filename*=UTF-8''URLエンコードされたファイル名を送ってあげる。 追記 2017/11/02: Edgeでも通用するようです。https://github.com/netcommons/NetCommons2/issues/126 ファイル名が化ける PHPでファイルアップローダをつくっていました。 動作確認はUbuntu 14.04のFirefox30をつかっていましたが、社内ではIE11がデフォ。「一応やっとくか」とIE11で動かしたら、日本語のファイル名が見事に化けました。 またお前か、IE！チキショー Slim Frameworkをつかっているので、こ
【HTML】IE用の条件分岐コメント at softelメモ
条件分岐コメントを使うと、通常のブラウザにとってはただのHTMLのコメントだけど、Internet Exploerだけに、都合よくその部分を有効なHTMLとして認識させることができる。 以前はよく使われていましたが、 Internet Explorer 10 の標準モードと Quirks モードでは、条件付きコメントのサポートが削除されました。 http://msdn.microsoft.com/ja-jp/library/ie/hh801214%28v=vs.85%29.aspx なので、IE8、IE9に対して何らかの対策をしたいときや、いまだにIE6、IE7を考慮しなくてはならない場合など、今後は限定された状況で使われることになると思います。 以下、それでも使うとしたら、の場合。 IEすべてに <!--[if IE]>あなたはIEですね！でもIE10ではないですね！<![endif]-
IE11 では “autocomplete=off” が無視される場合がある
autocomplete attribute | autocomplete property http://msdn.microsoft.com/en-us/library/ie/ms533486.aspx Internet Explorer 11 では既に多く話題になっているように色々な動作変更が含まれていますが、まだあまり話題になっていないような変更点について一つ紹介したいと思います。 Internet Explroer を含む多くのブラウザーにはオートコンプリート機能があり、Web ページ上のフォームに入力したデータをブラウザー側で記憶しておき、同じフォームが表示された際に自動的に記憶したデータを自動的に入力できます。これはユーザー名とパスワードを入力するログオン画面で特に便利でしょう。 このオートコンプリートの動作を Web ページから制御する方法として、入力する要素 (タグ) に
IE11でmaxlength属性を設定すると日本語入力が正しく機能しない
Internet Explorer 11でmaxlength属性を設定すると漢字変換前のひらがな入力がmaxlength属性で指定した文字数しか入力できない問題があることがマイクロソフトの公式サイトで報告された。 http://support.microsoft.com/kb/2922126/ja そんな馬鹿なと思い試したところ確かに指定したmaxlengthの値までしか入力できない。maxlength="7"を指定したinputタグを下記に置いたのでIE11で試してみていただきたい。 これから先、IE11のシェアが多くなることを考えるとmaxlength属性の使用は控えたほうが良さそうだ。 どうしてもIE11でも文字入力の最大数を指定しなければならない場合は下記のようにJavaScriptで代用できる。 $(function(){ $("input").on(&quo
IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！
2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ ↑私が10年以上利用している会計ソフト！ Flexboxって何？ FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる！ 横並びになった要素の高さが最初から揃ってる！ 要素を上下左右、好きな順序に並び替えられる！ スペースの
【JavaScript】IE9以前でconsole.logを使用しているとハマる - Qiita
##はじめに FirefoxとかChromeなら問題ないがIEだと上手く動作しないとかはよくある話だと思う。その要因の一つであるconsole.log使用時のエラーに、つい最近ハマったのでメモしておく。 ##対処法 そもそもなぜconsole.log使用時にエラーが出るのかといえば、IEがConsoleAPIに対応していないために、window.consoleの時点でundefinedを吐くからである。対処法としては、 // consoleプロパティとlog関数作ってとりあえずエラー回避 if(!window.console) { window.console = { log: function(msg){} }; }
PHP でシリアライズしたデータが壊れてしまう場合は base64_encode をする
本日 PHP で配列にデータを格納し serialize してデータの受け渡しをしていたら IE8 で unserialize してデータを復元することができないバグに遭遇しました。具体的には以下のようなエラーが発生。 Notice: unserialize() [function.unserialize]: Error at offset 0 of 2 bytes in /var/usr/to/path うまく値の受渡しができていないのか、途中でデータが書き換わってしまったのか、様々な問題を調査しましたがどれも該当せず3時間。Web 上で情報を集めるもそれらしい問題に遭遇してる人がおらず解決できず。 どうしようもなくなったので、30個くらいある配列すべてをひとつずつ調べてチェックしていくと、どうやら30個の中の3配列が原因だということが判明しました。日本語の文字コードがおかしいのかと思っ
window.showModalDialogは画面をキャッシュしている？ - axt_star's blog
window.showModalDialogを使って、別windowでポップアップさせようとした場合、 Loadがうまく走ったり、走らなかったり謎の現象が起きていました。 原因は、IE8ではwindow.showModalDialogがどうもキャッシュから情報を拾おうとしているため、のようです。（IE8以外は対象外なのでどうなるか調べてません。） 「のようです。」というのはマニュアル等には書いてなくてそうなったというだけなんです。解決策は 1. 起動時に（ランダムに）URL引数を付与してキャッシュされないようにする。 2. 以下のメタタグを記述する。 <meta http-equiv="Expires" content="-1"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Pragma" c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ES6-Promiseってどう読み込めばいい？polyfillの使い方
ie8でのString.trim() | 灰色の夢
blunck.info
Microsoft、IEの互換性検証用の仮想マシンイメージをアップデート