0

好的，所以，我在弹出窗口中打开了以下标记（通过 Javascript 将大小调整为 120px 宽度和 300px 高度）：

<body bgcolor="#000" topmargin="0" leftmargin="0" style="width:100%">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr>
        <td align="center" height="300" valign="middle">
            <img src="sample.jpg" width="120" height="300">
        </td>
    </tr>
</table>
</body>

我知道那里的图像并不完全是您所说的“表格数据”，而且到处都有 CSS。事情的真相是；这个标记不是盒子模型最好的朋友，我无法改变它，我只是应该找到我要描述的错误。

仅在 Firefox（各种版本和平台）上——并且由于某种原因并非总是如此（我还找不到模式）——图像没有完整显示。窗口正在调整到正确的大小，但似乎 100% 的主体/表格只缩小到 190 像素并停在那里，从那时起只有视口缩小，但主体保持在 190 像素。由于图像居中，这会导致左侧显示 35 像素的边框 - 并且图像与视口重叠（因此不会完整显示）。

奇怪的是，我昨天使用完全相同的浏览器/操作系统访问了完全相同的页面而没有进行任何更改，并且可以重现错误（也在重新加载、重新启动等之后）并且不能再出现了，因为正文不会缩小到 120px美好的。我在这里找不到模式。

非常感谢任何建议或想法！

非常感谢您提前提供的帮助
托比

4

1 回答 1

0

我知道你说标记是你无法控制的，但你需要表格吗？如果弹出窗口与图像大小相同，为什么不只显示图像？

如果我记得我 90 年代的 HTML，topmargin 和 leftmargin 是 IE 特定的，所以你可能需要你的 body 标签是：

<body bgcolor="#000" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

如果可以的话，去掉 100% 的宽度。更好的是，删除所有 body 标签属性并使用 CSS 完成所有操作（这将更可靠地工作）：

<style type="text/css">
body {
    background-color: #000;
    margin: 0;
    padding: 0;
}
</style>

如果它仍然不起作用，则页面上必须有其他内容导致问题。

于 2010-07-29T00:13:13.670 回答