表属性宽度被忽略

CSc*_*ulz 7 html css html-table width

我的目标是生成一个包含表格的html文件并将其导出为pdf.
不幸的是,我不能让桌子像我想要的那样行事.

表格的一部分应显示时间刻度,其中最低行,周,月和年的天数在上面的行中,并具有预先计算的colspan.

只有日期的s具有CSS(style="width:...")给出的宽度.

问题是宽度完全被忽略,因此1-9天的字段宽度只有其他字段的一半.接下来,因为上面的字段是自动调整的,因为它们没有宽度,所以它们的大小也是错误的.

alt text http://img217.imageshack.us/img217/6617/scale1x.jpg

下面是产生的来源:http: //pastebin.com/JyiqhSzs

到目前为止我们尝试过的:

  • 用过非css(width="")
  • 给另一个字段也计算宽度(colspan值乘以一天的宽度)

style="table-layout:fixed;"为表设置但没有效果.

所以我不知道如何让桌子有我想要的宽度?

Sco*_*ttS 15

而不是width: 23px使用min-width: 23px.它适用于IE8和FireFox.我还没有找到IE7的神奇公式,以便不缩小单个数字天数(使用它).我知道这table-layout: fixed不是必需的,并且肯定会导致可能有效的IE7显示问题.

此外,如果您始终希望它们具有相同的大小,则可以考虑使用em大小调整,以便在文本大小更改时,您的表会按比例缩放/缩小.我不知道你的所有需求,但只是一个建议.

编辑:更多跨浏览器解决方案.IE6和7需要将"days"单元格中的所有数字用a包裹,div然后td用任何类型的宽度来设置样式,divwidth: 23px 不是 min-width: 23px.