CSS Differences in Internet Explorer 6, 7 and 8 — Smashing Magazine
One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share. The inte
IEバグ：img要素などの置換要素を含む行の前後では、line-heightが指定した値より小さくなる
IEバグ：img要素などの置換要素を含む行の前後では、line-heightが指定した値より小さくなる 行間を指定しているにも関わらず、imgなどの置換要素が含まれると、WinIEでline-heightで指定した値より小さくなるというバグ。 line-heightの値があまり大きくなければさして気にはならないのですが、line-height:200%など多少大きめに指定している場合だと、このデザイン崩れがやっかいです。 サンプル： 行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。行間がIE限定で狭くなります。
TRANS - * { magin: 0;}だけでは物足りない！zoom: 1;を使おうよ！
IE6からIE7が今後本格的にマーケットシェアを取って行くことを考えると、IE7の仕様やバグを考えた上でのマークアップが欠かせないとは思います。でも、僕らはまだIE7がどんなものかが分からない。そのため、とりあえず* { zoom: 1;}を指定しておくことが安全策なのかもしれません。 IE7のZoom機能で、見事にこける。 先日、うちの本体のサイトを更新し終わった際に、スタッフから「あれ、しゃらくのサイトずれてるよ」と指摘されました。更新箇所が多く、CSSも多少いじくったので、どこか消してしまったのかもしれません。そこで、自分のブラウザで確認するも、どうも問題が再現できない。そのスタッフのブラウザを見ると、こんな感じになっていました。 僕のFirefoxで見てみても問題ないし、そのスタッフが使っているIE7でも問題なし。「うーん」と悩んでみるものの、意外と答えは簡単なところにありました。
overflow:auto;と印刷用CSS | F+R (FplusR)
overflow:auto;と印刷用CSSの問題とは 「overflow:auto;」で印刷用CSSを作成時に痛い目にあったのでメモ Mozilla Gecko系のブラウザ、Mozilla Firefoxや、Netscape7.1などで痛い目にあいます。 具体的には、印刷時にoverflow:auto;を指定した部分が１枚に印刷できないときに改ページせずに消えてしまう現象があります。Internet ExplorerやOperaでは問題なかったので、明らかにMozilla Gecko系のブラウザでの問題／バグだと思われます、 印刷用CSSでの対策 幸い、印刷用のCSSのみのバグなので、印刷用のCSSを書くときに@media printで印刷用CSSには「overflow:visible !important;」と指定しています。 @media print{*>/**/.ClearFix{
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
