tonextone.com/note/

Last-modified: 2006-09-01 (金)

Copyright ©master_at_tonextone.com All rights reserved.

JavaScript による min-height, max-height の実装。

Posted : 2006-03-16 00:00 / Category : [開発日誌]
動的なウェブサイトなどで、画面上のボックスの内容量が予測できない場合、
CSS で overflow なんか使ったりします。ですよね?
でも、overflow なボックスのサイズが固定だと、逆にまだ何も内容が無い場合に、余白になってしまいます。
「じゃあ、 max-width, max-height を使おうよ」と言う事になるのですが、
min-width, max-width, min-height, max-height は IE で実装されてません。このやろう。

なので、JavaScript で実現する感じのモノを作りました。 »デモ
仕組みは単純なので、興味があったら、ソース読んでください。