人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートで div の高さなどを height: 450px; とか auto とかできますが、これを400の高さまでは auto にして自動的に高さが変更されるようにし、 400 以上の高さは越えないようにしたいのですが、方法があるでしょうか?

●質問者: koh40
●カテゴリ:コンピュータ
✍キーワード:スタイルシート 自動
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● Mars
●20ポイント

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になりますが、それを超えた場合はスクロールバーが出るようになります。

◎質問者からの返答

どうもありがとうございます。

が、

IEではサポートされていないんですね (+_+)


2 ● gdm
●20ポイント

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は未対応ですけど・・

◎質問者からの返答

どうもありがとうございます。

こちらもですね・・・


3 ● hichii
●20ポイント

http://www.tagindex.com/stylesheet/box/max_height.html

スタイルシート[CSS]/ボックス/ボックスの最大の高さと最小の高さを指定する - TAG index

二つとも同じですが、これをしたいという意味でいいのでしょうか・・・

http://www.parkcity.ne.jp/~chaichan/src/cssbox.htm

このサイトは移動しました

◎質問者からの返答

どうもありがとうございます。

IEで使いたいのですが・・・


4 ● ymgh
●40ポイント

http://www.hatena.ne.jp/

はてな

URL ダミーです


テーブル(サイズ0)をダブルで使い、外側のテーブルを400にして、内側のフレームをautoにする。

内容は内側の中に書き入れる。


で、趣旨と合ってますか ?

あっ、これだと、書き込み量が多いと400超えますね。ケースにより、スクロールを埋め込むんでしょうか ?

◎質問者からの返答

これは可能性ありそうですね、

ちょっと試してみたんですが、うまくいかないです。

書き方がよく分かりません。

スクロールを埋め込むんですが、


5 ● starflower
●20ポイント

http://www.tohoho-web.com/css/reference.htm#max-height

とほほのスタイルシート入門

「max-height」という指定がちょうどご希望のものかと思います。が、残念ながらIEは対応してないみたいです。

◎質問者からの返答

どうもありがとうございました・・・


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ