Chrome 以不同的方式呈现表格单元格的宽度
我维护的网站存在问题，在 Firefox 和 IE 中一切正常，但在 Chrome 中却不行。问题是页面与 Chrome 中的左侧边栏区域重叠。页面结构是使用表格来处理所有内容（这是无法更改的）。所以我的情况基本上是这样的：
<table>
<tr>
<td width="200">There is an iframe here that shows up normal</td>
<td width="40">This is a spacer image</td>
<td width="500">This is where the site's main content goes</td>
</tr>
问题是所有东西都被推到了左边，并且在使用 Chrome 的“检查元素”功能之后，这是因为第一个 标签都会以 90 像素渲染。我尝试过使用 display: block、display: inline-block 等，并尝试弄乱样式表，但在 Chrome 中没有任何改变。
任何帮助或建议将不胜感激。
I have a problem with the site I maintain where everything renders fine in Firefox and IE, but not in Chrome. The problem is that the page overlaps over the left sidebar area in Chrome. The pages structure is to use tables for everything (this can't be changed). So I have something that is basically like this:
<table>
<tr>
<td width="200">There is an iframe here that shows up normal</td>
<td width="40">This is a spacer image</td>
<td width="500">This is where the site's main content goes</td>
</tr>
The problem is that everything is getting pushed over to the left and after messing around with Chrome's "Inspect Element" feature, that it is because the first <td> tag is being rendered at 90 pixels no matter what I make the width. I've played around with display: block, display: inline-block, etc. and tried to mess with the stylesheets, but nothing is getting it to change in Chrome.
Any help or advice would be appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
因此，更改填充可以调整表格单元格，我只是添加了一个小脚本来检查浏览器是否是 Chrome 浏览器，并使用单独的样式表来对此进行调整。我仍然不明白为什么 Chrome 会以不同的方式呈现事物。
So changing the padding works to adjust the table cells and I just added a little script to check if the browser is chrome and use a separate stylesheet to adjust for this. I'm still clueless though why Chrome renders things differently.