Mozilla 한국 커뮤니티

테이블이 역사속으로 사라지는 가운데..

div 태그의 중요성이 높아지고 있습니다.

div 태그의 height:100%가 되지 않는데.. 이 방법 어케 처리하고 계신가요.??

body에 height를 100% 스타일 준다음에 하면 되는거 같던데요..??

때에 따라 다릅니다만,
div 길이를 모두 항상 같게 유지해야 하는경우, 이런 것이 문제 되는 거지요?
그런경우는 보통은 전체 길이의 기준이 되는 div 의 offsetHeight을 길이를 늘려주어야 하는 div의 height으로 javascript 로 코딩해 줍니다.
이 경우는 css만으로 해결되지 않는것 같더군요.

document.getElementById('늘려줄DIV').style.height=document.getElementById('기준DIV').offsetHeight+"px";
;

도움되셨으면 좋겠는데, 필요로 하시는 내용이 아니면 어쩌나 싶네요.

html, body 높이를 모두 100%으로 하시면 됩니다.

html, body { height:100% }