タグ

IEに関するkuroaka1871のブックマーク (9)

  • My DebugBar | IETester / HomePage

    DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of

  • [CSS]要素を上下中央揃えさせたい(IE7以下対応) - Qiita

    widthとheightは必ず指定する heightを指定しないと、高さが決まらないので中央揃いにならない。 widthは指定しなくてもいいが、text-align:center;などで文字を揃えたいときは、横幅の指定が必要になる。 稀にAndroidでバグる Androidで、display:table-cell;を指定している要素のwidthの値が認識されないことが稀にある。 原因などがいまいちわからなかったので、もし突き止めたら追記する。 display: table-cell;はマージンが効かなくなる display: table-cell;をあてると、marginが無視される。 なので、margin:0 auto;とかで要素を左右中央揃えにしてるとそれも無視されるので、そうしたい場合は<div>など別のブロック要素で余分に囲う必要がある。 IE7以下にはlayout-grid-l

    [CSS]要素を上下中央揃えさせたい(IE7以下対応) - Qiita
  • Web制作で使いこなしたいIE開発者ツールの最新機能

    最新版のWebブラウザー「Internet Explorer 11」(以下、IE)は、2013年10月に正式リリースされ、その後のアップデートでも機能が少しずつ強化されてきた。例えば、2014年4月のWindows 8.1 Update 1提供と同時に機能が強化され、2014年8月のアップデート(August Update)でもさらに更新されている*1。 *1 以前のIEでは、IE5/IE6/IE7のようなメジャー・バージョンアップのタイミングで新機能が搭載されていたが、現在のIEでは他のマイクロソフト製品と同じく、1年の間に何度もアップデートが行われるようになっている。 そのIEにも、Chromeのデベロッパー・ツールと同様に、Web制作者向けのツール「F12開発者ツール」が標準搭載されており、そのツールもIE10以前からIE11のアップデートで大幅に変更されている。そこで稿では、強化

    Web制作で使いこなしたいIE開発者ツールの最新機能
  • レイアウトが崩れる時などにIEの互換表示をサイト側(メタタグ)で制御する方法 | TechMemo

    シェアしてね♪ Tweet ロゴ作成の詳細一切不要!自分のお気に入りロゴを買取できるサービス Tweet WEB サイトを作成したことがある人なら、Internet Explorer(IE) で表示した時だけレイアウトが崩れるといった現象に遭遇したことはあると思います。特に古いバージョンの IE は色んなバグがあって、IE でも他のブラウザで表示した時と同じように表示するよう対応するのは大変ですよね。 私がサイトを作成する時は、最近は古いバージョンの IE については無視しています。でも仕事で WEB 制作を請け負っている場合はそうもいかないですよね。クライアントから了承を得られればいいですが、IE でも他のブラウザと同じように表示させてほしいと依頼されることも多いと思います。 IE だけレイアウトが崩れる場合、原因の一つとして IE8 から標準装備された互換表示が邪魔していることがありま

  • IEだけ画像が表示されない!? - 岡山のウェブデザイナーの便利帳

    岡山のウェブデザイナーが、ウェブ制作(コーディング、PHP、Flash)で気になったことをメモしていきます。ちょっと困ったそのときに。 これはIEのバグではないのですが、他のブラウザでは表示されているGIFやJPEGが、IEだけ表示されないということがあります。 これは大抵、画像の作り方が間違っているのです。 この画像はCMYKのJPEGです。 IE以外の主だったブラウザでは、普通に表示されます。 次に、これも実際にたまに見かけるのですが、JPEGの拡張子(.jpg)が付いたGIF画像というケース。 恐らく、Macで画像を作った際に拡張子を付けずに作成してしまい、あとから間違った拡張子を付けたのではないかと思いますが、当のところどうやったらこんなミスが起こるのかははっきりしません。 これは、.jpgという拡張子の付いたGIF画像です。 これもIE以外の主要ブラウザでは普通に表示されます。

  • IEユーザーを撲滅させるためのJavaScript。さぁ今すぐWebサイトに組み込もう!

    2013/11/26追記:久々にやってきたらこんなネタにすごい量のストックが。恐縮。ちなみにIE10は普通にいいと思いますよ(これ書いた時ってIE最新はまだ9で、表示のバグも多くぐぬぬしてたもので。)といっても、実質辛いのはCSS3のほぼ使えないIE8以下。WindowsXPのIEは8でストップなので当分怨嗟は止まらんのでしょうな 結論-IEを判別してアラートを出し、モダンブラウザのダウンロードページに移動させる そのためのコードがこちら。headタグ直下にでも配置しましょう。 <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { if(confirm('〇〇〇〇*はInternet Explorerに対応しておりません。サイトを閲覧するためにはGoogle Chrome,Mozilla

    IEユーザーを撲滅させるためのJavaScript。さぁ今すぐWebサイトに組み込もう!
  • 【CSS】画像を上下中央に表示する(IE7以下にも対応させる) | バシャログ。

    娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね? さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d

    【CSS】画像を上下中央に表示する(IE7以下にも対応させる) | バシャログ。
  • これは快適!Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce

    Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。

  • Webデザイナー・コーダー必見の神アプリ!MacでWindows IEなどのブラウザチェックが出来る「Sauce」が便利すぎてヤバイ

    Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。 via: これは快適!Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce | コリス Winを起動させるためのBoot CampもParallels Desktopも必要ない、と言うのがとても大きいですね:) アプリを起動したらアカウント登録画面を経てこの画面。アカウントは有料・無料があり、閲覧できるブラウザに制限などがかかります。 矢印の部分、Newボタンをクリック。 あとは見たいページのUR

    Webデザイナー・コーダー必見の神アプリ!MacでWindows IEなどのブラウザチェックが出来る「Sauce」が便利すぎてヤバイ
  • 1