Asairo Design

デザイン制作チーム 浅色デザインオフィシャルサイト。web関連やメモの置き場所。熊本県出身のweb制作者。たまに小説。

WEB

CSSハック – IEを退治するには、1行書き加えるだけ。【2013年度版】

投稿日:2013年11月6日 更新日:

CSSハックって色々ありました。
えぇありました。
たくさん泣きましたとも。
泣かせていただきましたとも!

IE6がほぼ消滅して(といっても数%で残ってるようですが)
IEもデフォルトで10。
6~8から比べると、だいぶ賢くなってくれました。
標準装備のデバッグツールで7~10まで確認できるようになりました。えらいえらい’~’

でもね、でもね
やっぱりIEなんです。
どこまでいっても『Internet Explorer』なんです。

たまーーーーーに
ズレます_|\○_ ヒャッ ε= \_○ノ ホーウ!!!

複数のCSSハックは使わなくなりましたが、(PC限定!PC限定で!)
最近はこのIEハック1種類を使わせてもらってます。

例えばこういうスタイルシートがあったとして

.nanika { 
	margin-top: 10px; 
}

モダンブラウザでは正常に見えるのに、IEでは……というときこのようにします。

.nanika { 
	margin-top: 10px; 
	>margin-top: 20px; /* IEハック用 */
}

※場合によっては細かいCSSハックが必要になることもあります。
必ずIE標準機能のディベロッパーツールなどで、表示を確認しましょう。

ブログって便利だとつくづく思うのですよ。
書くだけでコンテンツが増えるわけだし。
書く内容も決まってないし。
企業サイトみたいにコレ以上書くな!的なこともないし。

そして滅多に配置ズレを起こすこともないし…。
ブログなので。

-WEB
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

メール送信時にエラーが出ることの話。

The original message was received at…. こういうメッセージを何度か目にしたことがあります。メール送信時にエラーとして返ってくる自動返信メール。

no image

コメントで遊ぼう。

スパムが7件もなってたので、WPプラグインのDisqus Comment Systemを導入しました。

sublime text3の設定

自宅だけ、会社だけ、で仕事をする方は一度設定してしまえばそのままってことも多いですが、 色んな会社で仕事をすることが多かった自分の都合上、 だいたい年1くらいで環境設定しているような気がします。 その …

no image

パンくずリストについて

パンくずリストについてちょっと違和感というか思ったことを書いてみようと思う。 例えば上のグローバルメニューがあるページ。 そして右か左にメニューがついているページ。 どうだろう。 それ+パンくずリスト …

no image

Flash代替画像をjavascriptで表示させる方法と、非iOS環境での確認方法

SyntaxHighlighter が適応されないので追加修正しました。 ついでに補足も足しています。 新しい記事はこちら 「自社サイトさぁ、iPadでフラッシュみれないじゃん!」 って言われて、帰り …

名古屋AC

※虐待防止講演会2017 記事一覧

おススメ書籍(AD)

(AD)