IE11でファビコン(お気に入りアイコン)を更新して表示を直す方法
インターネットエクスプローラーのお気に入りに表示されるアイコン「ファビコンfavicon」の表示がおかしくなったときや新しいファビコンに更新したいときの解決方法です。 キャッシュだバージョンだといろいろ触りましたが意外にシンプルな方法が分かりやすくて便利でした。 （インターネットエクスプローラーieは１１、ウィンドウズは７です） インターネットエクスプローラーのお気に入りアイコンがおかしな表示になってしまいました 最近ではインターネット関連のウェブブラウザはグーグルクロームがメイン使いになってしまったんですが、だからこそ逆にインターネットエクスプローラーを初期設定のまま使ってサイト作成のプレビュー表示などに利用してます。 お気に入りの数もかなり少なく、たいして問題の起こる原因もない中でめずらしくエラーが出たのでここに記録。 無視しようと思えば無視できるようなことなのですが、お気に入りの各サ
IEだけに適用されるHTML「条件付きコメント」の使い方
こんにちは、さち です。 ウェブサイト制作の経験がある人には有名な話なんですが 古いバージョンの Internet Explorer（以下：IE） は ウェブサイトの表示で 特殊な挙動，未実装の問題 があり サイトを作る時に、別途 IE 対策が必要です。 そこで今回は IE だけに適用される HTML を記述できる 「条件付きコメント」の使い方についてまとめていきます。 「条件付きコメント」とは？ 「条件付きコメント」は IE だけが解釈できる HTML コードです。 構造は下記のようになっています。 <!--[if IE 7]> 適用するHTMLコード <![endif]--> 最初に、<!--[if IE 7]> で適用する IE のバージョンを指定。 例では、[if IE 7] なので 閲覧者のブラウザが IE7 の場合に適用します。 次に、適用内容を HTML 形式で記述。 最後に
ネガティブマージンを使うなら position: relative; を併記 – かめめねっと
レイアウト上、margin:-20px; などと表記したいときもあるんだけど、IE6は言うことを聞いてくれない。。。 ネガティブマージンとは「マイナス値のマージン」のことですが、IE6ではこのマイナス値を読み取ってくれないためにこのようなことが起こる。 そのため、margin:-20px; とするなら、 .要素{ margin-left:-20px; position:relative; } とするか、marginはdiv上でfloatプロパティを使うと値が2倍になってしまうバグもIE6にはあるので、 .要素{ position:relative; left:-20px; } とするのが良いかも知れない。 ただ、親要素の位置などによっては、計算が異なる場合があるので、必ずしも同じ位置になるとは限らないと思うので、その場に応じて使いやすい方を使おう。 私は position 好きなので、後者
IEでネガティブマージンを適用すると、はみ出した部分が消える問題 | 名古屋のホームページ制作なら株式会社SPOT
HTMLで画像等を配置する際に、レイアウトを微調整するためにネガティブマージン（マイナス方向へのマージン）を設定することがよくあります。 ですが、ネガティブマージンを使用した場合、IEだと上図のように、はみ出した部分が消えてしまうことがよくあります。
【CSS3】メディアクエリをIE7、IE8でも使えるようにする at softelメモ
問題 あら？IE8はメディアクエリ（cssの@media何々）使えないんでしたっけ？ 答え IE9からはメディアクエリが使えるけど、IE6、IE7、IE8は使えない。 こちらのスクリプトを使うと、何とかなるでしょう。 <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> HTML5も！というときは、こちら。 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecod
IE8以下でもCSS3 Media Queriesが使える「respond.js」を試す - ウェブ学のすすめ
IE8以下でもCSS3 Media Queriesが使えるようになるスクリプトとして主に「css3-mediaqueries-js」と「Respond.js」があります。今回はRespond.jsが動作するか試してみました。 Respond.js導入のポイント cssファイルはエンベッドしない。 cssファイルはHTMLファイルと同一のサーバーに置く ローカルでは動作しない サーバーにアップするか、ローカルのサーバー環境(XAMPPなど)から確認する プレビュー ↓サーバーにアップするとIE8以下でもMedia Queriesが動作されます。 http://webgaku.hotcom-web.com/respond_test.html ↓Adobe BrowserLabでチェック（IE6の場合） ※jsdo.itから出力されたHTMLではIE8以下にMedia Queriesが適用されま
IEのみのstylesheet/Scriptを読み込ませる（条件分岐コメント） - しろうさぎのwebnotebook
すべてのIEに適用 <!--[if IE]> <link href="css/ie.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script> <![endif]--> IE6のみ適用 <!--[if IE 6]> <link href="css/ie6.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script> <![endif]--> IE7のみ適用 <!--[if IE 7]> <link href="css/ie7.css" rel="stylesheet" type="text/css" /> <script typ
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
IEでのHelveticaエラーがFacebookプラグインでも起こる!? | ajike switch
2013/10/03 に、いいねボタンのxfbml・HTML5版使用時の対応方法追記しました cssのフォントの指定で、Helvetica（Helvetica Neue）が最初に指定されていて、Helveticaフォントがインストールされている場合、IE9,IE10で表示エラーが起きてしまう問題は少し前に話題になり、既に知っている方も多いかと思います（ちょっと特殊な環境ですが…）。 そのため、テンプレートの見直しやcssフレームワーク使用時には注意していたのですが、Facebookのプラグイン（いいねボタン、LileBox など）も問題が起きるっぽいです… 現象 Facebookの、いいねボタン・likeboxが全く表示されない。。 このブログだと、LikeBoxが破線部分に表示されるはずなのに枠すら出ない…だと…！？ しかも要素の幅・高さだけは見事に残しているだって？？何とも迷惑な… 原
IE8以下でレスポンシブWebデザインを実現するRespond.js
レスポンシブWebデザインはディスプレイサイズ（特に横幅）に合わせてデザインを最適化する事で、1URLで全てのデバイスに対応できることが強み。 導入することで最も威力を発揮するデバイスはスマートフォンですが、マーケティング的にIEでもレスポンシブWebデザインが機能（閲覧可能）した方が良いケースもあるでしょう。 そういった状況下でお勧めするのがRespond.js。 Respond.js（github） Respond.jsとは IE6～8でCSS3 Media Queries（max-widthとmin-width）を解釈可能にするpolyfill（※）。 ネイティブで非対応の機能をpolyfillで実現すると、大半が処理が重くなったり動作が不安定など実用的ではないですが、Respond.jsは高速かつ安定しています。 ※非対応のブラウザに相応のインターフェースを実装 Respond.j
レスポンシブWebデザインをIE8に対応させる方法 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
InternetExplorerは昔かサイト制作者を悩ませ続けてきました。せっかくレスポンシブサイトを作ろうとしても、レスポンシブサイトというとセットでついてくるメディアクエリ、これにはIE8以下の下位バージョンが対応しておらず、表示は見事に崩れます。 未だ切り捨てられないIEへの対応 モバイルファーストかつレスポンシブということを思えばIE、しかも下位バージョンなら切り捨ててもいいのではないかと思いますが、様々な事情から切り捨てられないシーンもあるでしょう。以前に比べれば低くなったとは言え、特に日本ではIE8のブラウザシェアはまだまだ残っています。 そういった時のために、比較的手軽にIE向けの対応を行える方法があります。 1.「css3-mediaqueries.js」を読み込む こちらはGoogleが推奨している比較的有名なスクリプトです。html5.jsやIE9.jsなどと併用しても
IEに対する条件付きコメントを記述する。 | dakkie blog
dakkie | Hiroki Onoda 愛知県名古屋市在住のWebデザイナー。雑貨、カメラ、カフェ、旅、空、海、コーヒー、料理が大好き。ボリビアにあるウユニ塩湖に行くこと、写真で個展（2013年7月22日～28日にmonogramで開催予定）を開くこと、独立すること、空とコーヒーと写真と雑貨が楽しめるカフェを開くことを夢見てる。 E-mail：dakkie.com@gmail.com twitter：dakkie_ facebook：hiroki.onoda sumally：dakkie booklog：dakkie 何かと問題となるIE（Internet Explorer）に対して、<head>内に条件付きコメントを記述して、対策をします。 例えば、下記のようなものです。 <!--[if IE]> <script type="text/javascript" src="http://
Ring
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
MSIEのパッチKB912945の対応案 - 新しいJavaScriptの使い方を考える
たとえば・・・ですが、以下のような「やる気のない」対応でもいいかもしれません。 【条件】 object,embed,appletの各オブジェクトに対し、動的にイベントメソッドなどを追加・削除していないこと object,embed,appletの各オブジェクトのonloadが２回呼ばれたり、（自動再生ならば）２回開始したりするかもしれないが、少しの時間差であれば許容できること 【特徴】 既存のHTMLのobject,embed,appletのタグ部分に手を加える必要がない window.onloadを含め、グローバル変数を使っていない（汚さない） HTMLファイルには１行加えるだけ 【外部ファイル】 (function() { var all = document.all; if(all) { var lst = []; var len = all.length; for(var i =
（恐らく）最も簡単な、対IE用CSSハック術
CSSコーディングにおいて最も邪悪かつ驚異的な存在、Internet Explorer。 どんなに完璧にCSSを理解していても、彼らの挙動を把握していない限り、まさに「机上の空論」となってしまうという、恐るべき魔物。 それに立ち向かうべく発明されたのが、各ブラウザの独自仕様やバグの穴を利用して各ブラウザ個別に対応するという、いわゆる「CSSハック」。 今回はワタクシsmknが対IE用として日常的に使用している、（恐らく）最も簡単であろうCSSハック術をご紹介します。 と、その前に...。 今回ご紹介するCSSハック術は､CSSの正式な文法としては間違っています。 バリデート通りません。invalidです。 本来なら文法的にも正しいハックを使った方が良いのかもしれませんが、そもそもハックしちゃってる時点で正しいもクソもないような気が、個人的にはしてるので。 さらに、ハックの所為でCSSがバリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでスタイルをIEのみ・Firefoxのみ・Chromeのみ・Safariのみに適用する方法 | TechMemo
サービス終了のお知らせ
http://web.donnatokimo.com/css/392
SAWAMEMO
IE7のダウンロード » IE9まとめサイト