Question

我需要创建一个具有以下特征的表：

__ _ __ _ __ 100％的窗口宽度 _ __ _ __ _ _

|自动宽度|边框宽度为860 px |自动宽度，边框

换句话说：一个860px的中心单元，每边都有另一个单元。右边的单元格也必须有边框设置。

我无法想出对所有（甚至是旧的IE6）浏览器友好的东西。兼容性对我很重要。我真的不在乎它是桌子还是一堆div。你有什么想法？

由于

Answer 1

很抱歉这个quirksmode标记，但它看起来像你所描述的那样：

已编辑：已添加表格布局：已修复为表格，宽度=“860”表示中央td：

<style type="text/css">
table{ table-layout: fixed; }
.w860{ width:858px; }
.brdr{ border-style:dashed; border-width:1px; }
.td860{ background-color:#eee; }
</style>

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td><div></div></td>
    <td width="860" class="td860">
        <div class="w860 brdr">
            content
        </div>
    </td>
    <td>
        <div class="brdr"> also some content</div>
    </td>
</tr>
</table>

在FF，IE6 +（quirksmode和标准），Safari for Windows中进行测试。

Answer 2

<style>
table{
width:100%;
}
 .auto{
width:auto;
}
.fixed{
width:860px;
}
.bordered{
border: 1px #ff0000 dashed;
}
</style>

<table>
<tr>
<td class="auto">11&nbsp;</td>
<td class="fixed">111&nbsp;</td>
<td class="auto bordered">111&nbsp;</td>
</tr>
</table>

固定大小的单元格由两个边框包围

2 个答案: