Question

好的，所以，我在弹出窗口中打开了以下标记（通过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％的主体/表只缩小到190px并停在那里，从那一点开始只有视口收缩，但是主体保持在190px。由于图像居中，因此会在左侧显示35px边框 - 并且图像与视口重叠（因此不会完整显示）。

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

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

非常感谢您的帮助托比

Answer 1

我知道你说标记不在你的控制之下，但是你需要桌子吗？如果弹出窗口与图像大小相同，为什么不只是拥有图像？

如果我记得我的90s HTML，topmargin和leftmargin是IE特定的，那么你可能需要你的身体标签：

<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>

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

Firefox问题：调整大小时，100％的体宽保持在190px

1 个答案: