div iframe 높이 해결 방법
2013. 7. 12. 17:49ㆍWEB/HTML
반응형
<div style="height:100%;"></div>
위의 코드처럼 iframe,div 등의 높이(height)를 100% 로 적용 하였는데 사이즈 조절이 실패 안되는경우 %로 적용되지 않을 경우 해결 방법을 소개 합니다.
일단 이러한 문제의 원인은 parent element의 높이의 영향때문입니다.
코드 상단에 아래의 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">
◎ Source 형태에 따라 (HTML4, HTML5, XHTML 1.0) DOCTYPE 코드가 달라집니다.
이와같이 삽입을 했는데 적용이 되지 않는다면
아래의 css 코드를 추가하면 height 값을 % 로 수정할 수 있습니다. 이상
<style>
html, body{height: 100%; overflow:hidden;}
</style>
반응형
'WEB > HTML' 카테고리의 다른 글
| HTML 계산기 (1) | 2013.04.24 |
|---|---|
| tag cloud 먹통이 될때 ,태그클라우드 먹통이 될때 (0) | 2013.01.15 |
| Syntaxhighlighter_3.0.83 버그 (0) | 2013.01.15 |
| Enter 키를 누를 경우 자동으로 Submit 되는 부분 방지 (0) | 2013.01.11 |
| window.showModalDialog 사용시 캐시 문제 (0) | 2013.01.11 |