スタイルシートで、以下の設定をしています。
.body .section pre {
min-height:2em;
max-height:10em;
background-color: #c0c0c0;
overflow: scroll;
}
しかし、実際に書いたプログを見ると、「min-height」「max-height」の設定が反映されません。
現在は、上記の設定をしているのに、すべて表示されてしまっています。同じ現象が起きたなど、
この問題について何か知っていらっしゃる方はいませんか?
こちらでも、やり方が間違っている可能性を考え、pxにしたり、""で囲ったり、
maxHeightと変えてみましたが、効果は出ませんでした。
「height」は、設定してみたところ反映されました。
まず、使用しているブラウザは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]
回答ありがとうございます。
環境を書き忘れていたみたいで、申し訳ありません。
IE8を使用しています。
ChromeやFirefoxなどの他のブラウザでは、試していないです。
自分の方でも、調べていたのですが解決せず、もし解決策が
あるならと思い質問しました。
クロスブラウザとexpressionについては、試してみようと思います。
それで、駄目ならはてなでは、できないのだと思い、別の方法に変える予定です。