CSSハック一覧
2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
明朝体にしたつもりが、IE8ではひどいことに by Inquisitor
いつも、こんなふうに言っているんです。 Webでフォントにこだわるのは（現時点では）無駄。スタイル属性font-familyの属性値に、具体的なフォント名を書いても、閲覧者側にそのフォントがなければどうしようもないのだから。指定するとしても、明朝体かゴシック体かという程度にしておきなさい。 基本的には、「font-family: serif;」なら明朝体に、「font-family: sans-serif;」ならゴシック体になるはずですが、IE8の場合はそうではないようです。ふだんIEを使わないので気づくのが遅れました。 「<p style='font-family: serif;'>情報実習</p>」をIE 8.0.7600.16385で表示すると、こんなことになってしまいます。 「字形にあまりこだわるべきではない」というのが持論なのですが、これはちょっとひどいです。（html要素のla
【CSS】IE8で見られる表示の不具合 at softelメモ
IE8で、テーブルのセルの中の画像にmax-width を指定したら困った表示になってしまった。 画像（img要素）自体はmax-widthに収まった大きさで表示されているのだが、その画像が入ったセル（td要素）が、画像のもともとの大きさをに拡大してしまうという現象が発生。 この場合は、max-width と max-height を両方指定したら直ったが、両方指定したくないことだってある。 テーブルの方に table-layout:fixed を指定せよという説もあり（その方が仕様どおりとか）。 他にも、IE8ではこんな表示崩れが発生するとのこと。 * Min-width on new block formatting context beside a float is sometimes treated as width. * Percentage width floats cause
IE8のmax-widthではまる - nybbの雑記
スナバジムのサイトで画像が縦の長さは正常に表示されるものの、横が本来240pxあるのに対して、10pxに縮小されてしまう、という現象が発生していました。 スナバジム » Blog Archive » IE8での表示不具合のお詫び 不具合が発生した部分のcssは以下 img { max-width:100%; } .img-shadow { float:right; background: url(../img/shadowAlpha.png) no-repeat bottom right !important; background: url(../img/shadow.gif) no-repeat bottom right; margin: 0 0 10px 15px !important; margin: 0 0 10px 10px; } .img-shadow img { displ
IE8の新しい標準モードとモードスイッチ | Web標準Blog | ミツエーリンクス
先月、MicrosoftのIE Teamが発表したIE8がAcid2テストに合格するという話題は、大きな衝撃を与えました。 しかし発表からしばらくして、より標準準拠に近づいたレンダリングをIE8で行うには、DOCTYPEスイッチのようにHTML文書に何らかの「ヒント」を与える必要があるとの情報も流れていました（「IE8 passes Acid2」）。そして先ほど、その詳細とまた経緯が明らかになりました。 A List Apartの「Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8」という記事によると、新しい「ヒント」は次のようなものになると紹介されています。 meta要素を記述し、対象としているIEのバージョンを指定する。 <meta http-equiv="X-UA-Compatible" content="IE=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://tenman.info/labo/snip/?p=500
IE8正式版のみ適用するCSSハック│Web制作の現場から 〜入院、退院、そしてつまはじき〜