Question

我有一个框架集，每个框架都有一个width:100%的表格。在IE 8和9中，表格没有填满整个窗口，而是有一个奇怪的右边距。在所有其他浏览器中，它运行良好。

space reserved for scrollbar

我确认它与margin / padding无关，而且与滚动条有关，因为如果我在控制面板中更改滚动条宽度，则保留空间也会更改。如果在框架外查看页面，则不会发生此问题。

这是拉格代码。每个框架都有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>

Answer 1

很抱歉，我不能在这个问题上发表评论。

您是否尝试使用oveflow替换滚动？

尝试添加样式overflow: auto:或overflow-x: auto; overflow-y: hidden;

IE为帧中的滚动条保留空间

1 个答案: