2011-08-03 3 views
0

프레임 세트가 있으며 각 프레임의 테이블은 width:100%입니다. IE 8과 9에서는 표가 전체 창을 채우지 않지만 그 대신에 이상한 오른쪽 여백이 있습니다. 다른 모든 브라우저에서 제대로 작동했습니다. IE에서 프레임의 스크롤 막대 공간을 예약합니다.

space reserved for scrollbar

나는이 여백/패딩에 관련된 내가 컨트롤 패널에서 스크롤 폭을 변경하면 예약 된 공간이 너무 변경되기 때문에 스크롤바와 함께 할 것입니다되지 않은 것을 확인했다. 페이지가 프레임 외부에서 볼 경우이 문제는 발생하지 않습니다.

이것은 계략 코드입니다. 각 프레임은 scrolling=auto입니다.

그러나 나는 아직도 해결책을 찾을 수 없습니다 : 인터넷에서 나는이 관련 논의를 보았다. 페이지 본문에 scroll=no을 추가하면 공간이 제거되지만 필요한 경우 스크롤바가 표시되지 않습니다. 몇 가지 다른 해결책을 시도했지만 아직 완전히 작동하는 해결책을 찾을 수 없습니다.

편집 : 이것은 수직 분할 프레임에서만 발생합니다.

샘플 코드 :

index.html을

<html> 
<frameset rows="150,*" cols="*" framespacing="0" border="0" frameborder="no"> 
<frame scrolling="auto" noresize src="top.html" name="menu"> 
<frame scrolling="auto" noresize src="bottom.html" name="main"> 
</frameset> 
</html> 

의 top.html

<html> 
<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 bgColor="#AAFFAA"> 
<table cellspacing=0 cellpadding=0 width="100%" border=1> 
<tr> 
<td width="100%" align=middle>TOP<td> 
</tr> 
</table> 
</body> 
</html> 

의 bottom.html

<html> 
<body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 bgColor="#FFAAAA"> 
<table cellspacing=0 cellpadding=0 width="100%" border=1> 
<tr> 
<td width="100%" align=middle>bottom<td> 
</tr> 
</table> 
</body> 
</html> 
+0

를 추가

시도. –

답변

2

죄송합니다 내가 캔트 질문 아래에 주석 달기.

스크롤을 오버플로로 교체하려고 했습니까? 용액에 도움이 될 것입니다 코드/사이트에 게시 스타일 overflow: auto: 또는 overflow-x: auto; overflow-y: hidden;

+0

네, 작동합니다. 당신의 대답에 내 발견을 덧붙이시겠습니까? 마지막으로'style = "overflow : auto"가 하위 페이지의 본문 요소에서 문제를 해결할 것임을 알았습니다. ' lulalala