html - 表格布局为 :fixed and resizing IE8 vs IE 7/Chrome 的表格

标签 html css html-table internet-explorer-8 resize

我正在用 html 制作时间线 View ,但遇到了以下问题:

我有一个包含 12 个单元格的表格行,代表 12 个月,每个月都有一个根据该月天数的 colspan。在同一张表中还有另一行包含天数,因此它包含 365 个单元格。表格宽度为 100%,表格布局固定。当我在 Internet Explorer 8 中调整表格大小时,月份单元格的大小似乎都相同,但是当我在 Internet Explorer 7 或 Chrome 中调整大小时,调整大小从头几个月开始。这导致了月份变短的错觉

我有一张截图来说明这个问题,你可以看到 8 月到 1 月比其他月份小:

Jsfiddle 示例:http://jsfiddle.net/GZtrx/

无论如何我都可以在不使用 Javascript 的情况下解决这个问题?

最佳答案

您可以尝试这样的操作:JsFiddle example它使用固定的 % 宽度而不是 colspan。

关于html - 表格布局为 :fixed and resizing IE8 vs IE 7/Chrome 的表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7191344/

相关文章:

css - 轮廓和边框向左和向下移动

html - 如何使 DIV 标签拉伸(stretch)到其子标签的大小?

html - 如何为输入字段提供完整的宽度和高度

javascript - 将 div 背景图像转换为幻灯片

css - 表格每一行出现双边框

html - 背景图

javascript - 解决 javascript/dom 渲染问题的更有效方法?

javascript - 解决此背景图像问题的最佳方法是什么?

HTML Favicon.ico 不会在 Google Chrome 上显示

html - 使用没有 itemtype 的 itemprop