为什么不在IE中工作？

尝试了这一点：为什么不在IE中工作？

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

...但我得到这个：

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

下面的代码：

<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）做错了什么？

来源

2010-11-09 TimFoolery

它说某人编辑了我的帖子（可能是修正了这个小ASCII图 - lol），但是我继续并覆盖了它......对不起......但我终于在第三次了。：D – TimFoolery 2010-11-09 15:57:19

您正在使用表格进行布局，*是*错误。 Uss CSS并漂浮。 – 2010-11-09 15:59:56

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

和一般的想法 - 摆脱桌子。

来源

2010-11-09 16:01:19 AlexanderMP

我试图用没有成功。至于摆脱桌子，好吧...我认为这将工作，但我们希望我不要把它搞砸了......大声笑。两个div，带有475高度浮动的导航栏：左侧，内容为590高度和浮动：右侧，正确？还是那个错呢？ xD – TimFoolery 2010-11-09 16:09:53

我会专注于宽度而不是高度。让身高尽可能地增长。你的（和我的）鼠标有一个滚轮。但其余的似乎没问题。 – AlexanderMP 2010-11-09 16:12:05

顺便说一句，这两个div解决方案的工作，是的，我将不得不设置宽度肯定...我使用overflow-y：scroll;和内容div上的静态高度（将由javascript改变），但是，因为它看起来更好用背景。有时候我是一个肤浅的混蛋！ – TimFoolery 2010-11-09 16:16:34

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

<td></td>对没有插入字符（也许 ）很可能会给你奇怪的结果。

但确保它在验证浏览器差异之前进行验证。

来源

2010-11-09 15:58:46

如果你正在谈论W3C验证，它通过了。我可能会在更改HTML时发生错误，以便于查看，但原始文档通过W3C验证。不过谢谢你的提示。我对web开发有点新鲜。（PS：我试图将放入空td中，但它只创建了一行的高度。） – TimFoolery 2010-11-09 16:01:19

HTML属性只需要引用具有空格的属性，而不像XHTML需要引用所有属性。 – 2010-11-09 16:06:57

@AndyE--谢谢你 - 对我来说看起来很“错”，我自然会认为它一定是！ – 2010-11-09 16:08:40

为什么不在IE中工作？

回答

相关问题