IE8が対応したCSS 3とベンダープレフィックス - builder by ZDNet Japan
ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 本当のデータ活用できていますか？ データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた これからの社内DX 真のDXの
IE+色指定無視でW3Cのサイトが読めなくなる話 | 水無月ばけらのえび日記
公開: 2024年3月7日16時40分頃 奇妙な現象に遭遇したのでメモしておきます。 IEを用意する (6でも8でもOK。たぶん7でもOK)インターネットオプションの「ユーザー補助」で「Webページで指定された色を使用しない」をチェックインターネットオプションの「色」で「Windowsの色を使用する」を外し、背景色に黒、文字色に白を指定こうすると、サイト側の色指定を無視して黒背景、白文字になる事が期待されます。この状態でもちゃんと読めるようになっている必要があるわけですが、http://www.w3.org/TR/WCAG20/ にアクセスすると……なんと、背景がほとんど真っ白で読めません。これはひどい。WCAG に限らず、W3C のサイト内のほとんどのページで真っ白です。 どうも、http://www.w3.org/StyleSheets/TR/W3C-REC の末尾にある という指定が
IE8のレンダリングモードと互換表示 - page3 - builder by ZDNet Japan
Internet Explorer 8（IE8）は標準に準拠した形でページを表示するため、古いバージョンのIEに合わせて作成したページを表示するとレイアウトが崩れてしまう可能性がある。そのため、IE8には3種類のレンダリングモードが用意され、古いIEと同じ形でページを表示できるようになっている。 そこで今回は、各レンダリングモードの特徴や指定方法を確認していく。また、ユーザーがレンダリングモードを切り替えないようにするため、IE8に新しく用意された「互換表示ボタン」を隠す方法を紹介したい。 IE8に用意されたレンダリングモード IE6の時代からIEには下位互換のために複数のレンダリングモードが用意され、必要に応じて古いIEと同じ形でページを表示することができた。たとえば、IE6とIE7には「Standardsモード」（標準準拠モード）と、「Quirksモード」（互換モード）の2種類のレンダ
IE8で修正されたfloat関連のバグ その1 - builder by ZDNet Japan
Internet Explorer 8（IE8）ではレイアウトに大きな影響を与えるfloat関連のバグが修正され、Firefoxなどのブラウザと同じ形でページを表示できるようになった。ここでは、floatプロパティが適用された要素を「フロート要素」と呼び、どのような問題が修正されたのかを確認していきたい。 なお、サンプルではIE8の互換表示ボタンを利用して、IE8とIE7のStandardsモード（標準準拠モード）で表示を比較していく。Standardsモードや互換表示ボタンについては第2回「IE8のレンダリングモードと互換表示」の記事を参照してほしい。 1. ボックスの高さの算出からフロート要素が除外されない問題 フロート要素を含むボックスの大きさは、フロート要素を除外して算出することになっている。しかし、古いIEではボックスに横幅や高さが指定してあると、フロート要素を含めて算出してしま
Proxyとか :: javascript:void(0); で gifアニメ が動かないバク
Proxyとか ネット界隈と時事ニュースなどの日常の何気ない話題が中心な信憑性もなければ公平性もない偏った素人のメモ。 http://fula.jp/ へのリンクはフリーです [メール] [PGP] はこちらよりどうぞ。但し、営利目的の方はご遠慮下さい。 携帯 English 韓国語 中文 [Webprog] javascript:void(0); で gifアニメ が動かないバク 2005/08/23(Tue) 14:45:53 折りたたみで使っているjavascript:void(0);を一度でもIE(インターネットエクスプローラー)に反応させてしまうと以後、gifアニメが動的に表示されず、動きが止まってしまいます。これを回避する為に以下のようにします。修正前 <div class="menu"> <p class="mainmenu"> <a href="j
IE6のバグのまとめ - Webtech Walker
XHTML+CSSでコーディングするときにブラウザのバグを知っているか知らないかでは大きく違いますよね。とりわけ他のブラウザよりバグが多いIE6さんのバグをまとめてみることにしました。そろそろIE7の自動配布が始まるころなので忘れないうちにということで。 とは言ったもののIE6のバグを改めて見てみると多い･･･多すぎるよ！逆にこれだけのブラウザがあるからこそコーダーという職種がある気さえしてきます。 今回は『CSSバグ辞典スレッド』の要約のWinIE CSSバグリストからIE6のバグを抜き出して自分でわかりやすいように種類わけしてみました。これで全てではないですがこれだけ知ってればかなりのケースで対応できると思います。 2012/07/31 追記: リンク先がなくなったのでリンクを外して一覧だけ残しときます。 ちなみにこの種類分けも厳密ではないのであしからず。 ボックスモデル maring
IEで指定どおりのfont-sizeにならない | d-spica
IEで指定どおりのfont-sizeにならない 2008-05-18 0 0 XHTML/CSS CSS, font-size IE との兼ね合いで，font-size は%で指定しておくのが，いちばん無難だと思うのですが，IE6, 7 にちょっと痛いバグがありました。 小さなサイズの文字が指定どおりの大きさにならないのです。 11px以下のフォントが指定より大きくなる まず，font-size のページを IE6 または IE7 でご覧ください。 順にフォントサイズが小さくなっていくはずなのですが，74%から72%あたりの日本語のフォントサイズが一旦大きくなっています。その後71%から 60%のところまで，日本語フォントはサイズが変わっていません。 FIrefox の場合と比べると，よく分かるかもしれません。 %で指定された font-size は，最終的にpxに変換され，端数処理して整
【ハウツー】あのFirebugがIEでも使えるようになる!? 簡易版Firebug「Firebug Lite」 (1) XHRトラッキングなどをJavaScriptで実装 | エンタープライズ | マイコミジャーナル
JavaScriptで実装された簡易版Firebug - Firebug Lite 7月25日(米国時間)、Firebugの機能をJavaScriptで実装した「Firebug Lite 1.2」が公開された。FirebugはDOMインスペクタやXHR(XMLHttpRequest)のトラッキングをはじめとした、Webデベロッパにとって嬉しい機能が実装されているFirefoxアドオンだ。これまでFirebugの恩恵を受けるにはFirefoxの導入が必須だったが、Firebug Liteを使用することでFirebugの一部の機能をIEやSafari、Operaなどでも利用できるようになる。 とくにJavaScriptの動作はWebブラウザ間での差異があるため、実装した機能がデバッグの段階で一方のWebブラウザでは動作するがもう一方のWebブラウザではうまく動作しないということがよくある。Fi
IE：floatでレイアウトが崩れる理由がaltにも… (I-and-R 【帯広/oma/web/ホームページ制作/デザイン/】)
今日、cssでカラムをfloatさせている際に、驚きの出来事がありました。 IEで親の幅に合わせてピタピタに左右のカラムのwidthを設定すると、レイアウトが崩れる…ってのはよくあることですが、なんと、そんなわけでもないのにレイアウトが崩れたのです。 原因を探しても探しても、どーーーー頑張っても見つからず…。 だって、ピタピタにしたわけじゃないんですもの。余裕がある上に、leftとrightで分けたんですもの。 そこで、最後の手段的なものとして、アテで入れていた<img src="#" alt="*******" />のalt部分を削除してみました。altだけ適当に長いものを入れてたんです。 するとどーーーでしょーーー！ レイアウトが直った…。 ま、まさかこのaltがジャマをしてくださっていたとは…。 こんな作り方をされる方はめったにいないでしょうが、もし、IEでfloatした時にレイ
クロスブラウザのためのHTML/CSSのテクニック集 | コリス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
外部リンクだけにアイコンをつけることのできる CSS のセレクタ | ヨモツネット
概要 リンクで、外部の Web ページが参照先のときにアイコンなどをつけて区別するケースがよくあります。 そのときに、参照先が外部の Web ページの a 要素だけにスタイルを適用するための CSS コードです。 動作確認用の demo この方法は外部リンクの a 要素だけに class 属性をつけるというような処理が必要ないので、CMS やブログのエントリーなどにいいかもしれません。 似た方法で JS でまとめて class 属性を付与する方法もありますが、CSS だけで完結したほうがスマートかなと思ったのでサンプルを作りました。 demo で使用した CSS コード a[href^="http"]{ background:url(img/ico_conductor.png) no-repeat right center; padding-right:15px; } a[href^="h
【詳報】セマンティックWebに向かうIE8の「8つの強化点」
写真1●Internet Explorer担当のGeneral ManagerであるDean Hachamovitch氏 [画像のクリックで拡大表示] 米Microsoftが3月5日（米国時間）にベータ版を公開した「Internet Explorer 8」は，意欲的な新バージョンである。業界標準への準拠を強く意識しているほか，「セマンティックWeb」を実現する新技術も搭載する。その一方でIE8は，下位互換性の問題や新たな規格争いを引き起こす可能性がある。 Internet Explorer 8の詳細は，同日米国Las Vegasで開幕したWeb開発者会議「Microsoft MIX 08」の基調講演で初めて公開された。また同時にベータ版（英語のみ）がWebサイトで一般に公開されている。基調講演でデモを披露したInternet Explorer担当のGeneral ManagerであるDea
IE、Firefox、Safari、OperaのCSSに関する互換性 - builder by ZDNet Japan
今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 VMware modern App Days特設企画 VMware Tanzuによって拓かれる未来 これからアプリケーション戦略の道しるべ オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 DX推進を阻害する3つの要因 プロフェッショナルが語る データ分析・データ活用の実現 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる 内閣官房やラックが登壇 ゼロトラストが官民一体で サイバーセキュリティを定義する クラウドネイティブの実現 モダンインフラの構築・運用の課題
2008年は「Webブラウザ大乱」の予感
図2●IE8の「Webslices」に対応した「eBay」のページ。気になる商品の情報をIEに登録できる 2008年はWebブラウザにとって，大きな節目の年になるだろう。「Internet Explorer」と「Firefox」というWindows界の2大ブラウザにメジャー・バージョンアップが迫っているだけでなく，Mac界の雄「Safari」がついにWindowsに正式対応したからだ。ユーザーにとっては望ましい競争激化だが，Web開発者にとっては新たな悩みの種になるかもしれない。 記者がWebブラウザを取り巻く状況を「大乱」と表現するのは，ここ数年見なかったような「複数製品/複数バージョンの混在」が予想されるからだ。 もちろん，表向きの製品シェアだけ見れば，Webブラウザ市場はInternet Explorerの寡占状態にある。米Net Applicationsが3月に発表した2008年2
CSSの擬似クラス：IE6/IE7でも使う方法あります - builder by ZDNet Japan
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
JavaScriptを使わないでブラウザ別に画像を振り分けて表示するHTMLを書く
ちょっと思い出したのでクイズを書いてみます。 以下の条件で、IEでは、imgie.gif、 Firefoxでは、imgfx.gif、その他多くののブラウザでは、imgother.gif ノミを表示するHTMLを作ってください。 JavaScriptなどのスクリプトは使わない CSSを通じてハックしない HTMLの書き方のみで勝負するが、validでなくても良い ※最新のブラウザで実現できなかったらすみません。なんだお、とか叱らないでくださいませ。 このテクで、ブラウザごとにJSファイルや外部スタイルシートとかを分別できないのかなぁと昔、妄想したことがあります。 hasegawayosukeさんへ http://d.hatena.ne.jp/hasegawayosuke/20070927/p1 なんと申しますか、すごいものを拝見させて頂きました。ある意味勉強になります。ありがとうございます。
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
IEの様々なバグの真相らしきもの｜CSS HappyLife
IEには様々なバグが報告されていますよね。 もうコーダーからしたら勘弁して下さいって泣きが入りそうになるくらいに... 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、floatに後続するmarginの値が無視されるとか、widthを指定しているとボックスの中身にfloatしている要素があっても、自動的に高さが伸びるとか。 こういったIEのバグに有効な手段として、IE6まではheight:1%を指定する事で回避したり、IE7でもwidthを指定して回避したりと色々やってると思います。 その他、IE独自拡張のzoomを使った方法なんかもあります。 今まで理由とかは分からないけど取り合えず解決するんだって事で、widthやheight、zoomを指定しておけばいいんだ。 と認識していましたが、つい先日ちょっと気になる内容をみつけましたのでご紹介。 ソレはhasLayou
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
width属性とheight属性が指定されていないimg要素を非表示にしたときのメジャーブラウザの挙動 - 雑記 - AZ store
worldending.jp