coolx.net

Programming

No.

411

Name.

swindler

Subject.

min-height속성을 퍼센트로 지정할때?

Main Cate.

HTML

Sub Cate.

Date.

2007-12-12 16:20

Hit.

2799 (211.36.27.8)

File.

div에 min-height속성을 퍼센트로 지정해주면 작동하지 않는것 같습니다.
불여우 1.0.3에서 실험해 봤구요.
픽셀로 지정하면 작동합니다.

IE에선 아예 min-height가 작동하지 않아서
http://forums.mozilla.or.kr/viewtopic.php?t=3483
의 방법을 사용했는데
그때도 퍼센트로 지정하면 되지 않습니다.

CSS2규격에 퍼센트 작동이 보증되어 있는데 왜 안될까요(...)
http://www.w3.org/TR/CSS21/visudet.html#min-max-heights

-------->

대충 훑어보기만 했지만, 몇가지 hack이 있길래 링크 남깁니다.

[list]
* http://www.greywyvern.com/code/min-height-hack
* http://wellstyled.com/css-minheight-hack.html
* http://www.mezzoblue.com/archives/2004/ … height_fi/
* http://allinthehead.com/retro/150/css-underscore-hack

-------->

min-height 를 % 로 지정했을때 정상적으로 작동합니다.

혹시 지정하신 div 가 body 의 하위입니까? 그렇다면 body 의 height 가 지정이 되어 있지 않기 때문에 min-height 를 % 로 지정하면 작동을 안하는 것이 정상입니다. 원하시는 결과를 얻으시려면,

html,
body {
height: 100%;
}

를 지정해 주셔야 합니다.

이것은 min-height 의 문제가 아니라 퍼센트로 vertical 의 높이나 위치 등을 지정하고자 할때 발생하는 일반적인 사용자들의 실수 입니다.

[바로가기 링크] : http://coolx.net/cboard/develop/411


[Modify] [Delete]		[Reply] [List]