<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
아래와 같이 태그를 선언하고 iframe 에 height 를 100% 로 주면 200px 정도의 크기로 고정되는 현상
원인:parent.element 의 height의 영향을 받기 때문
해결책은.... html/body/iframe 모두 height를 100%로 선언해야한단다...
위와 같이 선언을 해두면 div element의 100% height 속성이 제대로 표현된다.
<style type="text/css">
html, body {
height: 100%;
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<style type="text/css">
html, body {
height: 100%; overflow:hidden;
}
</style>
<html>
<body>
<iframe style="height: 100%;" src="test.html"></iframe>
</body>
</html>
728x90
'웹 프로그래밍 > CSS' 카테고리의 다른 글
| IE 브라우져 종류별로 css 적용하기 (0) | 2011.02.01 |
|---|---|
| ie6 수직스크롤바가 생길때 너비와 관계없이 무조건 가로스크롤 생성 문제 (0) | 2010.04.02 |
| 인터넷 익스플로러 6.0 의 css 배경 잔상 문제 (0) | 2010.04.02 |
| 인터넷 익스플로러의 margin (바깥 여백) 버그 (0) | 2010.04.02 |