Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css &引用;模拟;带有IE7的colgroup上的边框宽度_Css_Html Table_Internet Explorer 7 - Fatal编程技术网

Css &引用;模拟;带有IE7的colgroup上的边框宽度

Css &引用;模拟;带有IE7的colgroup上的边框宽度,css,html-table,internet-explorer-7,Css,Html Table,Internet Explorer 7,假设我有这样的东西: <table class="myTable"> <colgroup span="2" /><colgroup span="2" /> <tr><td>........</tr> 关键是我需要一些空间来分隔表中的列组 它在Firefox和IE8中运行良好。我已经到处读到IE7并没有为colgroup实现borders,但这里是对你们想象力和创造力的呼唤,有人知道我如何在IE7中实现类似的结果,而

假设我有这样的东西:

<table class="myTable">
  <colgroup span="2" /><colgroup span="2" />
  <tr><td>........</tr>
关键是我需要一些空间来分隔表中的列组

它在Firefox和IE8中运行良好。我已经到处读到IE7并没有为colgroup实现borders,但这里是对你们想象力和创造力的呼唤,有人知道我如何在IE7中实现类似的结果,而不向每个单元格添加一个类或生成空单元格

以下是Firefox4中的结果示例: 生成的头可以是任意形式,有些情况非常复杂。这就是colgroup解决方案之所以有趣的原因,因为计算所需的跨度非常简单


每一条建议都将受到欢迎。

我在IE7方面没有太多经验,但这可能会奏效: 您可以检查是否可以设置背景图像。然后将该图像(与所需颜色)对齐到单元格的右侧,使其看起来像假边框

在chrome中,在列组上设置边框不起作用。设置背景图像确实有效

格里茨


XpertEase要在表中使用border属性,必须设置以下规则。如果没有,你就得不到

table {
border-collapse:collapse;
}

然后你会让borders在你假装时工作

你是说
table.myTable colgroup
,对吗?@BoltClock是的,就是这样,谢谢。编辑。只是一个想法,但我刚刚意识到IE7也不支持元素的边框,所以至少行和列之间的行为是一致的。我在这里得到了chrome 11,边框确实有效。我看不出设置背景图像对我有什么帮助。。。因为我想在列组之间创建某种“间隙”,所以设置背景图像只会用适当的颜色填充这种间隙,但我仍然必须创建这个间隙。或者我误解了你的答案?那你为什么需要边界呢?相反,你可以使用填充或空白。因为这是一个非常简单但优雅的方式来获得我想要的结果。。。我在最初的问题中添加了一个生成内容的示例图像。但是不可能…一个与表格背景颜色相同的背景图像就可以了。通过将图像与单元格右侧对齐,仅垂直重复,并在单元格右侧设置5px的填充,防止单元格中的文本与背景图像重叠。没错,IE7不可能做到这一点。。。但据我所知,你的解决方案将导致在列组右边缘的所有tds中添加一个特定的类,而这正是我不想在算法中添加的…oops。2011年6月!!。我希望你还在编码!!!我不知道日期。好极了迟到总比不迟到好。我在发布到更新版时回答了这个问题。非常相似。有趣的是,我没有意识到我把它贴在这里。
table {
border-collapse:collapse;
}