HTML の一番上に h1 要素を書いて、CSS で、 body { line-height: 150%; } と言った記述をすると、Windows Internet Explorer 7 で見出しの文字が欠けてしまいます。 こんな感じ。 そんな時は、 body { line-height: 1.5; } のように line-height を単位の無い値にすると解決します。 一応、文字欠けのサンプル を置いておきます。
![[ CSS ] Internet Explorer で見出しの文字が欠ける場合の対処法](https://cdn-ak-scissors.b.st-hatena.com/image/square/79893ac260f3a28e9b48c41237f08263bc13f852/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2015%2F10%2Fmojikake.png)
IEのヘンテコなCSS解釈の原因と言われるhasLayoutプロパティ。 どうやらこのhasLayoutプロパティの値がfalse(デフォルト値)の場合に、いろいろとまずいことが起こるようです。IEだけfloatした要素周辺のmarginやpaddingがおかしかったり、相対配置/絶対配置した要素がどこかに消えてしまったりする・・・という経験はcssレイアウトの際に誰もがぶつかる問題です。 また、hasLayoutがTrueとFalseの要素が混在している場合には、IE7のズーム機能を利用した際に、隣あった要素が重なってしまったりします。 この辺はコリスさんのIEでのCSSのバグを回避するhasLayoutに分かりやすい説明があります。 このhasLayoutの問題を解決するためにzoomプロパティが利用されることがあります。(zoomプロパティはIEの独自拡張であるため、これを使うこと自
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く