Question

在我看来，我在这里可怕地遗漏了一些东西，但我无法得到牢房以下表格跨越整个表格。请参阅以下附带的jsfiddle链接：

http://jsfiddle.net/jeremysolarz/5stQc/2/

我知道桌面设计并不好，但我正在使用遗留应用程序 gif spacer images我想删除它并切换到更多以CSS为中心的布局。

请帮忙。

Answer 1

在这种情况下是否需要嵌套表？如果您只有一个表并使用<th colspan="3">这会解决问题吗？对不起，如果不是这种情况，但似乎你过于复杂了！

Answer 2

您当前正在声明表内联的宽度（在html中）和CSS中，并且两个值都不同，您应该将表包装在div中，如下所示，并删除内联宽度声明。

/ * frames * /

#foo{ 
    width:100%;
    display: inline-block;
}
.newframeContainer {
    padding:0;
    margin:0 auto;
    text-align: left;
    width:70%;
    height: auto;
    border:none;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
        border: 1px solid #B6B6B6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

Html现在应该是这样的：

<div id="foo">
<table height="100%" class="newframeContainer" cellspacing="1">
    <tbody>
        <tr height="27">
            <th colspan="3">
                ADAM Statistics
            </th>            
        </tr>
        <tr height="99%">
            <td class="text-bold">Total Project Budgets [USD] </td>
            <td>test</td>
            <td valign="top" align="right">
                192,609,012
            </td>
        </tr>
    <tbody>
</table>

</div>

HTML表格宽度。

2 个答案: