スーパーpre記法を使った時のスタイルシートについての質問です。

スタイルシートで、以下の設定をしています。

.body .section pre {
min-height:2em;
max-height:10em;
background-color: #c0c0c0;
overflow: scroll;
}

しかし、実際に書いたプログを見ると、「min-height」「max-height」の設定が反映されません。
現在は、上記の設定をしているのに、すべて表示されてしまっています。同じ現象が起きたなど、
この問題について何か知っていらっしゃる方はいませんか?
こちらでも、やり方が間違っている可能性を考え、pxにしたり、""で囲ったり、
maxHeightと変えてみましたが、効果は出ませんでした。
「height」は、設定してみたところ反映されました。

回答の条件
  • 1人10回まで
  • 13歳以上
  • 登録:2011/10/02 21:15:29
  • 終了:2011/10/09 21:20:06

ベストアンサー

id:daichan330 No.1

ʕ •ᴥ•ʔ<だ 回答回数565ベストアンサー獲得回数1062011/10/02 23:56:58

まず、使用しているブラウザはIE7以前なのでしょうか?


もし、IE7以前のブラウザを使用しているようであれば、CSSプロパティのmin-height,max-heightは使用できないようです。(IE8,9なら可能)

IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル


min-heightについては、以下のサイトにクロスブラウザにする方法が掲載されています。

CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU

また、max-heightに関しては、CSSのexpression機能が使えるとの記事がありました。

ie6でmax-heightとmax-widthと同等の動作を実現したい « kawama.jp

ただ、はてダのスーパーpre記法の部分にまで使えるかは不明です。


※なお、jsライブラリを使って回避する方法なども掲載されていましたが、はてダ等では使えない方法だと思うので紹介のみに留めておきます。

min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]

id:akoto

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

環境を書き忘れていたみたいで、申し訳ありません。

IE8を使用しています。

ChromeやFirefoxなどの他のブラウザでは、試していないです。

自分の方でも、調べていたのですが解決せず、もし解決策が

あるならと思い質問しました。

クロスブラウザとexpressionについては、試してみようと思います。

それで、駄目ならはてなでは、できないのだと思い、別の方法に変える予定です。

2011/10/04 00:41:48
  • id:grankoyama
    グラ娘。 2011/10/02 22:09:27
    IE8だとおっしゃるような挙動になりますが、
    Google Chromeや、Firefoxという別のブラウザを使うとちょっとましな気がします。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません