2010-08-09 8 views
0

아래 코드는 모두 height = 100 %로 크롬에서는 잘 작동하지만 firefox와 ie7에서 매우 이상하게 나타납니다! 정확히 100 % 높이가 아닙니다. 아는 사람은 누구입니까? 고마워. 백만.height = 100 % do not work

<iframe src ="demoFramesetLeftFrame.jsp" name="treeframe" id="treeframe" 
     width=200px height=100% frameborder=0> 
</iframe> 
<iframe src="middle.html" name="middle" id="middle" 
     width=200px height=100% frameborder=0> 
</iframe> 
<iframe src="test.html" name="basefrm" id="basefrm" 
     width=200px height=100% frameborder=0> 
</iframe> 
+0

을 달성 할 수있는 방법에 대한 몇 가지 튜토리얼입니다 - http://stackoverflow.com/questions/1263968/iframe-not- 확장 - 100 높이 – khairil

답변

3

당신은 최소 높이 속성, 컨테이너 사업부가 필요할 수 있습니다. 어떤 이유로 든 HTML에서 100 % 높이를 쓰는 것이 가장 어려운 일 중 하나입니다. 여기

이 당신을 도울 수있는 100 % 높이

http://www.dave-woods.co.uk/?p=144

http://www.webmasterworld.com/forum83/200.htm

+0

안녕하세요 톰, 당신을 위해 고마워요!하지만 내가 할 수있는 모든 노력했지만 여전히 작동하지 않습니다. 1. 부모 컨테이너를 추가하면 CSS 코드는 입니다. #container { \t 최소 높이 : 100 %; \t 테두리 : 0; \t 패딩 : 0; \t 여백 : 0; \t } 2. 몸 높이 변경 html, body { \t 높이 : 100 %; } 3. 프레임 위치를 모두 absoulte로 만듭니다. #treeframe { \t 위치 : absoulte; \t 높이 : 100 %; \t 너비 : 30 % } # 중간 { \t 위치 : absoulte; \t 높이 : 100 %; \t 너비 : 60 % } #basefrm { \t 위치 : absoulte; \t 높이 : 100 %; \t 너비 : 10 % } 하지만 여전히 작동하지 않습니다! 나는 매우 혼란 스럽다. – huangli

+0

태그 프레임 세트가 괜찮은 것 같습니다. – huangli