- ベストアンサー
IE6 IE7で文字が潰れる 高さがでない
- IE6,IE7において、文字の高さがつぶれてしまって表示できていないようです。何かcssでの指定が足りないのでしょうか？
- 各ブラウザで表示確認をしていたら問題が見つかりました。IE6,IE7において、文字の高さがつぶれてしまって表示できていないようです。
- IE6,IE7で文字の高さがつぶれてしまう問題が発生しています。原因と解決策を教えてください。
- kirinraitu
- お礼率87% (80/91)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
潰れているというより、切れているだけ どこかで別途指定されて、このh2の高さが確保されていないからでしょう・・・ h2{ line-height:～～; height:～～; } などのように、font-size:154%;以上になるように～～のCSSを追加しましょう。 line-height:～～;だけでいけると思いますが。
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
IE6は無視しましょう。マイクロソフト自身も撲滅キャンペーンを張っている腐った牛乳です。日本でのシェアも0.59%( http://lhsp.s206.xrea.com/misc/browser-share-version.html )そんなものに労力を割くのは無駄です。 IE7以降についてですが、まずIEが標準モードで動作するようにDOCTYPEスイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )を見直しましょう。 ここまでは、基本的な手法です。marginや paddinの解釈を統一します。 その上で、スタイルシートを見直します。 リセットCSSは感心しません。これを使うとブラウザが本来もっているすべてのスタイル( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/sample.html )がリセットされ、すべて再設定が必要になり、スタイルシートが極めて煩雑になります。 基本的にはお気づきのように、line-heightで指定すべきです。 ＞サイドメニューなどの他のコンテンツと高さがずれてしまうので、 それはおかしいです。サイドメニューは本文とは構造的に分離しているもののはずなので、そうなってはなりません。
お礼
回答ありがとうございます。 line-heightのみで解決できました。 サイドメニューの件は別のところでミスがありました。 すいません・・・ 私は今回がはじめてのwebサイト制作の初心者ですが、リセットCSSは基本的に使用されているものだと 思っていました。 一度じっくり調べてみます。 ご指摘ありがとうございます。
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%; とすると文字は表示されるのですが、その分高さが増えるので サイドメニューなどの他のコンテンツと高さがずれてしまうので、 できれば別の方法があればと思ったのですが・・・ なにかご存じならばよろしくお願いします。
お礼
回答ありがとうございます。 おっしゃる通りリセットCSSで高さが消されていました。 line-heightのみで解決できました。 ありがとうございました。」