我目前的项目直到今天完全由样式 DIV 组成。一切都很好。没问题。
为了在浏览器窗口中创建内容中心,我添加了这个[我知道这并不漂亮]:
<table style="width: 100%; min-width: 1000px;">
<tr>
<td >
<div id="mainBox">
...
</div>
</td>
</tr>
</table>
的风格mainBox
是这样的:
position:relative;
width: 1000px;
margin: auto;
在此更改之后,站点的行为发生了变化:
- 所有页面呈现
- 有些页面在某个垂直点停止渲染,有些东西在下边框之外
- 滚动条不适应下边框下方的内容。因此,我无法到达下边界
一旦我手动调整浏览器窗口的大小,浏览器就会纠正这个问题。
我验证了 Safari 和 Chrome 中的行为。Firefox 似乎渲染得很好。
我迷路了。任何人都可以提出提示,如何解决这个问题?WebKit 错误?
PS:该站点包含jQuery和jQueryUI,但只有一个脚本生成的页面包含手风琴。
更新 2003-05-09
用 DIV 元素替换了 TABLE,页面渲染得很好:
<div style="width: 100%; min-width: 1000px;">
<div id="mainBox">
...
</div>
</div>
由于我仍然很乐意学习,表格元素没有正确呈现,我将保持问题开放并可能追查问题的根本原因。