インターネットエクスプローラーでcssが表示されない意外な原因 - うろぐ
先ほど、XHTMLに準拠したファイルをサーバで表示させたら、cssによるデザインが全く反映されないと言う事態になりました。 些細な原因でしたが、忘れないように書き留めておきます。 Firefoxでは問題なくcssによるデザインが反映されています。 ところがインターネットエクスプローラー７（以下IE7）では全くcssが反映されません。素の構文がそのまま表示されてしまいました。 cssファイルを見ても、バグは見つかりません。 原因不明なので、cssのほとんどを消して、１行だけ残してIE7に読み込ませましたが、やはり反映しません。 ここで、一行の中の１文字単位を見直しました。 その結果、半角スペースが入っていないためにIE7ではcssが反映されなかったことが判明しました。IE6では正常に動作していたので、意外な盲点でした。 この様な構文がエラーとなり読み込まれませんでした。 /*メニュー*/ m
@jsakamoto
C#、ASP.NET、TypeScript、Angular を中心にプログラミングに関した話題を諸々。 by @jsakamoto
RedLine Magazine : ブラウザ(Win) CSSセレクタ対応状況まとめ （2010年5月14日版）
最近のコメント PHP オブジェクト指向の勉強 └ Red - 2010.01.08 └ hogepage - 2010.01.21 └ Red - 2010.01.22 └ - 2011.11.27 └ houseiii - 2011.11.27 Fireworks トリミング画像を一括書出 CS4編 └ Iper - 2009.06.27 └ Red - 2009.06.27 └ mala - 2011.11.17 └ Red - 2011.11.18 jQueryでボックスを上下左右中央に簡単配置 └ ミラクル - 2009.03.15 └ Red - 2009.03.15 └ entZ - 2011.10.22 └ Red - 2011.10.24 overflow を使用したボックス背景のこと └ - 2007.12.13 └ Red - 2007.12.13 └ - 2007.
激動の時代を駆け抜けた「Internet Explorer 6」の葬儀が開催へ
2001年8月27日に公開され、長きにわたって数多くのユーザーが利用していた「Internet Explorer 6（IE6）」の葬儀がしめやかに執り行われることが明らかになりました。 ハードウェアやソフトウェア、ネットサービスが飛躍的な進化を遂げ、FirefoxやOpera、Safariといった競合ブラウザが「打倒IE」を目指して突き進む中を生き抜いた同ブラウザですが、いよいよその役目を終えることとなります。 詳細は以下から。 Announcement | IE6 Funeral このページによると、「Internet Explorer 6（IE6）」は2010年3月1日に、息子の「Internet Explorer 7（IE7）」や孫娘の「Internet Explorer 8（IE8）」を残してその生涯を終えるそうです。 葬儀はアメリカのコロラド州デンバーにあるデザイン会社「Aten
CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
CSS のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
複数バージョンのIEでの表示を同時に確認できる「IE Tester」を使ってみる：地方で活動するweb制作者の日々を綴るblog
2009年03月17日13:34 カテゴリホームページ制作関連 複数バージョンのIEでの表示を同時に確認できる「IE Tester」を使ってみる Web制作者にとっていくつかある大きな問題。 その中でもブラウザ毎の表示の差異については、誰もが悩む問題だと思います。 特にInternet Explorer（以下IE）はメジャーバージョンによって表示がかなり違ったりします。 たとえばIE6とIE7で違ったりとか。 Firefoxも差異があることもありますが、こちらはまだそんなに多くはないんじゃないかと思います。 しかし、普通は１台のPCにインストールできるIEは１つのみ。あれこれチェックしようにもこれではチェックできない・・・ それに対する対応策はいくつかあります。 IEを複数インストールする事ができるソフトとか、古いIEのバイナリをダウンロードしたりとか有りますが、今回は「IE Tester
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
IEとFirefoxの基本仕様比較
IE・Firefox 共通 Pで挟まれた上下には、１文字分の空白(margin)が空く。 左右に空白は無い。 リスト表記 /* スタイルシート */ div.blue{ background-color:#CCCCFF; width:10em; margin:1em; float:left; } div.pink{ background-color:#FFCCFF; width:10em; float:left; } <div class="blue"> １２３４５６７８９０ <ol>または<ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> </ol>または</ul> １２３４５６７８９０ </div> <div class="blue"> １２３４５６７８９０<br> <div class="pink"> <ol>または<ul> <li>リスト１
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ie6countdown - Bing
[JS]わずか「12文字」でIEを判別するスクリプト | コリス
CSS適用前のIEのスタイル情報をまとめた『IE CSS』 | 100SHIKI
ADP: floatレイアウトでつまづかないためのTips