html - IE 中的表格宽度 100% 会导致问题

标签 html css internet-explorer

我对 IE 中的表格有一个令人不安的问题 ... 我创建了一个 Joomla!模板结合 Bootstrap 。 客户创建了 joomla! 的内容!网站。

你可以在这里找到我的问题: (链接已删除)

当您在 Firefox 或其他浏览器中查看它时,您会发现一切正常。 但是当您在 Internet Explorer(我讨厌那个浏览器)中查看它时,您可以看到,灰色背景的表格显示不正确。他们必须有很大的宽度。文本被截断。

我尝试了很多东西并测试了来自 Internet 的不同解决方案。但我找不到解决方案。

最佳答案

您的问题是由底部的大图像 (connectivity2_big-photo.jpg) 引起的。当您在图像上设置高度和宽度时,CSS 将高度和宽度设置为“自动”,这会将尺寸推到 IE 中的最大可能尺寸。

要么使用适当大小的图像,要么从 img 声明中删除 width:auto 和 height:auto ,然后一切都会恢复正常。

我怀疑这与使用 XHTML 1.0 Transitional 有更多关系:IE 正在恢复到 1997,但这正是您所要求的!

关于html - IE 中的表格宽度 100% 会导致问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15655077/

相关文章:

javascript - 图像和放大倍率

html - 如何在 CSS 中使用 max-width 属性添加导航图标图像

javascript - 刷新 div 内容,其中包含将 feed 作为 document.write 获取的脚本

javascript - FullPage.js:div 定位问题

html - 我怎样才能使表格的单元格更大?

php - 优化 IE 中的 float javascript

javascript - jquery 隐藏/显示来自 ul 的列表元素

javascript - 轮播 "next"和 "prev"功能在单页应用程序 SPA 中不起作用

javascript - 嵌入式对象后面的 jquery 组合框(仅限 IE)

javascript - focus() 在 IE 11 中不起作用