html - Internet Explorer 8 表格填充

标签 html css internet-explorer-8

我制作了一个只有 1 个单元格的简单表格,该表格应跨越 100% 的主体宽度和 100% 的主体高度。然而,单元格中的文本不应该从边到边覆盖整个页面,所以我在单元格(而不是表格!)左右应用了填充。

这在除 IE8 之外的所有浏览器(甚至 IE7 和 IE6!!!)中都能完美运行。在 IE8 中,单元格中的文本会溢出整个页面,而不会显示水平滚动条。

enter image description here

enter image description here

是否有人发现任何问题或可以提供任何线索?

<table id="supportMessage">
<tbody>
<tr>
<td>
<p>Ihr Browser ist veraltet und wird vom Hersteller nicht mehr unterstützt. Die Umfrage kann daher nicht richtig dargestellt werden. Wir sind jedoch sehr an Ihrer wertvollen Meinung interessiert.</p>
<p>Bitte benutzen Sie einen modernen Browser, wie <u>Google Chrome</u> oder <u>Mozilla Firefox</u> oder wenden Sie sich bitte an denjenigen der Sie zu dieser Umfrage eingeladen hat und bitten Sie um Hilfe.</p>
<p>Herzlichen Dank!</p>
</td>
</tr>
</tbody>
</table>

如果您需要 IE8 进行测试,请在此处查找版本:https://turbo.net/browsers

最佳答案

你我的 friend 正在与 IE Box 模型和浏览器默认值作斗争。我建议将这些属性添加到

元素

边框=0
CELLPADDING=0
CELLSPACING=0

并移除周围元素的外边距和内边距

html, body, table, tr, td { 边距: 0;填充:0

关于html - Internet Explorer 8 表格填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41965333/