[B! CSS][ie] kskbのブックマーク

[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 CSS hack -安全なCSS hackとは条件付きコメント：class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント：スタイルシート条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ

kskb 2011/05/25

css
ie

リンク

IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について

IE9文字間隔確認用サンプル文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意‥下記ページはスタイルシートで少しだけ調整しています。全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが文字コードで変わったり、かなり比較し難いものになったため。後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8　　HTML 4.01+EUC-JP　　HTML 4.01+SHIFT-JIS XHTML 1.0 サンプルXHTML 1.0+UTF8　　XHTML 1.0+

kskb 2011/05/10

リンク

IE9用のCSSハック？Webページのフォントサイズ指定で今後注意する事

| 人気ページ | おすすめ記事 | 定番ツール | IE9用のCSSハック？Webページのフォントサイズ指定で今後注意する事 IE9のみフォントの間隔を微妙に広げるためのCSSハックの紹介です。というか、今後はフォントサイズの指定を以前にもまして注意する必要が出てきました。

kskb 2011/05/10

ie
css

リンク

これってIE8の不具合なんじゃね・・・？文字の大きさが勝手に変化するよ？

特別な仕掛けをしている訳じゃありません。ごく一般的なcss+xhtmlです。上記は作動確認テスト文章。本文は以下。当方、5月6日よりIE8にアップグレードし使用しています。とりあえずWEB表示形式がWeb標準モードがデフォルトになり、これは嬉しい。 Firefox、Opera、Google Chromeなどとほぼ同じWeb表示が出来るようになり︵各ブラウザ微妙に違うけど︶サイトのレイアウトを修正するのは今後楽になりそうです。 Javascriptの表示も随分高速化され、これも良いカンジ。、、、、が、何か違和感がある。絶対おかしい。。。時々、閲覧しているサイトが微妙に動く。ピクピクしてます。なにこれ('Α`) IE8を使用していると、時々文字の大きさが勝手に変化します。サイトによっては、閲覧者が混乱するくらい文字が暴れ回ります。特に、AdSense広告やMicroAdの468X60

kskb 2011/05/10

ie
css

リンク

IE7からのCSSの小難しいセレクタやプロパティいろいろ

チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は

kskb 2010/11/21

IE
css

リンク

わずか四文字でIE6/7/8を区別するCSSハック | コリス

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettuts+から紹介します。 <textarea name="code" class="css" cols="60" rows="5"> body { color: red; /* all browsers, of course */ color : green\9; /* IE8 and below */ } </textarea>

kskb 2010/03/31

IE
css

リンク

Internet Explorer

Internet ExplorerCss, UA, Style sheets y Marketing Si estás planeando una escapada a la ciudad más extravagante del Medio Oriente y te preguntas qué ver en Dubái en 3 días, estás a punto de embarcarte en una experiencia única. Dubái, con su deslumbrante combinación de lujo, modernidad y cultura, es un destino que deja una impresión imborrable …

kskb 2010/03/31

IE
css

リンク

ITキヲスク | IE6の頻出CSSバグいろいろと、それに対処するハック術

CSSコーディングにおいて最も忌むべきもの、それはIE6。﹁ホントに仕様書読んで作ったのか？﹂と疑いたくなるほどのオリジナリティ溢れるCSS解釈は、IE6の絶大なシェアとも相まって、一層容赦ない問題となりました。世には様々なハック術や回避方法が出回るも、それ自体がIE6のバグを利用したモノだったりして、IE立てればOpera立たず、みたいな状況に脳ミソとろけた経験のある方も多いのではないでしょーか。今回のエントリーでは、そんなIE6で頻出するCSSバグと、それを対処 / 回避するハック術なんかを取り上げてみたいと思います。これでもうIE6なんざ怖くない!? IE6の頻出CSSバグと対処ハック術 1.横方向のmarginが倍になっちゃうバグ。恐らく最も引っかかるであろう、この凶悪なバグ。このバグに見舞われてしまう条件はものすごくカンタンで、﹁floatさせた要素に、floatした

kskb 2009/11/05

ie
CSS

リンク

IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル

IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい

kskb 2009/10/17

リンク

はてなブックマーク

タグ

関連タグで絞り込む (4)

CSSとieに関するkskbのブックマーク (9)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス