http://www.htmq.com/style/max-height.shtml
max-height−スタイルシートリファレンス
cssにはmax-heightというプロパティがあるのでこれを指定すると最大値を制限できます。
例
<html>
<head>
<title></title>
<style type=”text/css”>
div {
max-height:100px;
border:1px solid #666;
overflow:auto;
}
</style>
</head>
<body>
<div>
a
a
a
a
a
a
a
a
a
a
a
a
</div>
<div>a
a</div>
</body>
</html>
ただし、リンク先にあるようにこれはIEではサポートされていません。
IEでも動く妥協策としては
height:400px;overflow:auto;にすると常に400pxになりますが、それを超えた場合はスクロールバーが出るようになります。
http://www.hatena.ne.jp/1117626206
人力検索はてな - スタイルシートで div の高さなどを height: 450px; とか auto とかできますが、これを400の高さまでは auto にして自動的に高さが変更されるようにし、 400 以上..
URLはダミーです
div
{
height:auto;
max-height:400px;
overflow:auto;
}
最新版のNNとOperaなら動きます。IEは未対応ですけど・・
どうもありがとうございます。
こちらもですね・・・
http://www.tagindex.com/stylesheet/box/max_height.html
スタイルシート[CSS]/ボックス/ボックスの最大の高さと最小の高さを指定する - TAG index
二つとも同じですが、これをしたいという意味でいいのでしょうか・・・
どうもありがとうございます。
IEで使いたいのですが・・・
URL ダミーです
テーブル(サイズ0)をダブルで使い、外側のテーブルを400にして、内側のフレームをautoにする。
内容は内側の中に書き入れる。
で、趣旨と合ってますか ?
あっ、これだと、書き込み量が多いと400超えますね。ケースにより、スクロールを埋め込むんでしょうか ?
これは可能性ありそうですね、
ちょっと試してみたんですが、うまくいかないです。
書き方がよく分かりません。
スクロールを埋め込むんですが、
「max-height」という指定がちょうどご希望のものかと思います。が、残念ながらIEは対応してないみたいです。
どうもありがとうございました・・・
http://www.tohoho-web.com/css/reference.htm#overflow
とほほのスタイルシート入門
<div style=”height:400px;overflow:auto;”>
<div style=”border:red 1px solid;”>
text
・
・
・
end
</div>
</div>
4番さんのでやるとこういう感じですか。
「overflow:hidden;」のほうが良いですかね?
どうもありがとうございます。
なんとかやってみます。
どうもありがとうございます。
が、
IEではサポートされていないんですね (+_+)