반응형
<div style="height:100%;"></div>
위의 코드처럼 div, iframe 등의 높이(height)를 100%로 적용하였는데 사이즈 조절이 퍼센트로 적용되지 않을 경우 해결방법입니다.
일단 이 문제의 원인은 parent element의 height의 영향 때문입니다.
최상단에 아래의 DOCTYPE 코드를 삽입합니다.(아래는 XHTML 1.0 DOCTYPE 코드)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
※소스 형태(HTML4, HTML5, XHTML 1.0)에 따라 DOCTYPE 코드가 달라집니다.
그래도 적용이 되지 않는다면
아래의 css 코드를 추가하면 height 값을 퍼센트로 수정할 수 있습니다.
<style>
html, body{height: 100%; overflow:hidden;}
</style>
반응형
'Language > HTML' 카테고리의 다른 글
| 라디오,체크박스 (radio, checkbox) 버튼 css (9) | 2013.07.24 |
|---|---|
| HTML 웹표준, 유효성 검사 방법(W3C 지원) (0) | 2013.03.08 |
| IE 호환성 보기 문제 및 해결(스크립트, 테이블 깨짐 등) (16) | 2013.02.01 |
| HTML) 인쇄영역 나누기, 페이지 나누기 (16) | 2013.01.11 |
| 즐겨찾기에 추가 버튼 (0) | 2012.12.12 |
| 바탕화면에 바로가기 아이콘 변경 (0) | 2012.12.11 |
| 오른쪽 마우스 클릭 방지 (0) | 2012.12.03 |
| input="text"에서 커서 진입 시 한/영 default 값 설정(ime-mode) (0) | 2012.11.01 |
| input type="text"에서 onChange 사용하기(onPropertyChange) (0) | 2012.10.26 |
| window.showModalDialog 사용시 캐시 문제 (0) | 2012.10.10 |