Question

尝试这个：

______________________
|......|.............|
|......|.............|
|......|.............|
|......|.............|
|______|.............|
|......|.............|
|......|.............|
|______|_____________|

...但我明白了：

______________________
|......|.............|
|......|.............|
|......|.............|
|......|.............|
|......|.............|
|......|.............|
|______|.............|
|______|_____________|

以下是代码：

<div style="width:100%" align="center">
<div style="width: 1100px; padding: 18px; position:absolute; top: 168px; left: 15%; align: left">
<div style="width:100%">

<table style=" width:100%;">
    <tr valign="top">
    <td style="width:170px; height:475px;">
        <div id="vertnav" style="width:170px">NAVBAR</div>
    </td>

    <td width=12px></td>

    <td rowspan="2">
        <div style=" background-color: #f6efdf; padding: 0px 20px 0px 20px; height:590px; overflow-y: scroll;">CONTENT</div>
    </td>
    </tr>


    <tr>
    <td></td><td></td>
    </tr>
</table>
</div>
</div>
</div>

导航栏的单元格高度应为475，内容单元格的高度应为590px。内容高度单元格跨越两行，这应该使导航栏下的空间大约为125px。它适用于FF，但它更像是IE中的5px。

我（或IE）做错了什么？

Answer 1

它不会验证开始 - 'width = 12px'位需要在值周围引用。

没有介入角色的

<td></td>对（也许是 ）可能会给你带来奇怪的结果。

但请确保在担心浏览器差异之前验证它。

Answer 2

IE表格单元格内容存在问题。它根本不显示空单元格。尝试在每个空单元格中放置一个 。

一般的想法 - 摆脱桌面。

为什么这不适用于IE？

2 个答案: