IE6 IE7で文字が潰れる 高さがでない・・・

お世話になります。

各ブラウザで表示確認をしていたら問題がみつかりましたので、
質問させていただきます。

IE6,IE7において、文字の高さがつぶれてしまって表示できていないようです・・・。

なにかcssでの指定が足りないのでしょうか？
原因と解決策ございましたら、よろしくお願いします。

h2{
color:#222222;
text-align:center;
font-size:154%;
font-weight:bold;
border-bottom:2px solid #222222;
padding-bottom:5px;
margin-bottom:10px;
}
デフォルトcssはyuiのリセットcssでリセットしております。

cssとスクリーンショットを載せておきます。

画像は上がIE8などでちゃんと表示されているもので、
下がIE6とIE7での表示です。

No.3 ベストアンサー 回答者： naokita 回答日時： 2012/11/15 03:58

潰れているというより、切れているだけ

どこかで別途指定されて、このh2の高さが確保されていないからでしょう・・・
h2{
line-height:～～;
height:～～;
}
などのように、font-size:154%;以上になるように～～のCSSを追加しましょう。
line-height:～～;だけでいけると思いますが。

この回答へのお礼

回答ありがとうございます。

おっしゃる通りリセットCSSで高さが消されていました。
line-heightのみで解決できました。

ありがとうございました。」

お礼日時：2012/11/15 09:53

No.2 回答者： ORUKA1951 回答日時： 2012/11/14 10:28

IE6は無視しましょう。

マイクロソフト自身も撲滅キャンペーンを張っている腐った牛乳です。日本でのシェアも0.59%( http://lhsp.s206.xrea.com/misc/browser-share-ver … )そんなものに労力を割くのは無駄です。
　IE7以降についてですが、まずIEが標準モードで動作するようにDOCTYPEスイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%E3%82% … )を見直しましょう。
　ここまでは、基本的な手法です。marginや　paddinの解釈を統一します。

　その上で、スタイルシートを見直します。
リセットCSSは感心しません。これを使うとブラウザが本来もっているすべてのスタイル( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )がリセットされ、すべて再設定が必要になり、スタイルシートが極めて煩雑になります。
　基本的にはお気づきのように、line-heightで指定すべきです。

＞サイドメニューなどの他のコンテンツと高さがずれてしまうので、
　それはおかしいです。サイドメニューは本文とは構造的に分離しているもののはずなので、そうなってはなりません。

この回答へのお礼

回答ありがとうございます。

line-heightのみで解決できました。
サイドメニューの件は別のところでミスがありました。
すいません・・・

私は今回がはじめてのwebサイト制作の初心者ですが、リセットCSSは基本的に使用されているものだと
思っていました。

一度じっくり調べてみます。
ご指摘ありがとうございます。

お礼日時：2012/11/15 09:50

No.1 回答者： lalala_la 回答日時： 2012/11/14 01:21

http://blog.e-riverstyle.com/2010/01/iecss.html

「ie6の問題」等で検索したらいろいろでてきます。
ie6で正確に表示できたら例えばie8で表示が崩れます。ブラウザがie6のときだけのcssの書き方が
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

こんな具合に一つずつ修正していくしか方法はないです。

この回答への補足

さっそくの回答ありがとうございます。

質問の仕方が下手で申し訳ありません。
ie6,ie7のみに指定する方法はわかるのですが、
なにを指定すれば治るのかがわかりません・・・

例えばline-height:140%;
とすると文字は表示されるのですが、その分高さが増えるので
サイドメニューなどの他のコンテンツと高さがずれてしまうので、
できれば別の方法があればと思ったのですが・・・

なにかご存じならばよろしくお願いします。

補足日時：2012/11/14 01:47

この回答へのお礼

回答ありがとうございました。

お礼日時：2012/11/15 09:43