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に変換され，端数処理して整
WEBデザイナー覚え書きノート IE6でスクロールしているとborder(ボーダー)が消える現象。
CSSを使ったコーディングなどを行っていると、border指定のCSSが、スクロール操作で消えてしまったり、マウスでなぞったら出てきたりと、挙動がおかしくなることがある。 フルCSSでコーディングを行っている方は、遭遇されてる方も多いのではないかと思います。 解決策は至って簡単で、以前にエントリーした「IE6で文字間がギュっと詰まったりする症状」の解決策と同じです。同じ条件で発生するバグですね。 自分の場合は、IE6で文字が詰まるバグに、合わせ技で発生していました。 分かりやすく言えば、線（border）を乗せる裏地がいるってこと。 要素を包んでいる親タグ自体に「background-color:#FFFFFF;」などのそのボックス背景にあわせた色を指定することで改善ができる。 もうひとつの解決策は、そのボックスサイズを「width」でサイズ指定。 どちらか片方でも直ります。 「背景がない
WEBデザイナー覚え書きノート IE6 【文字が重なる、文字が詰まる、背景がダブる、表示がおかしくなる】現象
iframeなどを切った中のHTMLのタグにCSSで背景の設定を行うと、 IE6で表示上おかしくなることがある。 解決方法は至って簡単。 body { margin: 0px; padding :0px; text-align: center; font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif; font-size: 12px; line-height:140%; background-image: url(../common_img/bg.gif); background-repeat: repeat-x; } 上記にbackground-color: #FFFFFF;(サイトに併せたカラー)を指定する。 リピートさせたい時は、背景色指定を行いましょう。 body { margin: 0px; padding :0px; text-align: cen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
