火狐3.6.19渲染错误

在项目中，我的母版页，看起来像这样：火狐3.6.19渲染错误

<asp:Content runat="server" ID="content1" ContentPlaceHolderID="Content"> 
    <div id="RightBar"> 
     <asp:PlaceHolder runat="server" ID="plhRightbar"></asp:PlaceHolder> 
    </div> 
    <div id="content"> 
    <asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder> 
    </div> 
</asp:Content>

出于某种原因FF 3.6渲染内<div id="RightBar">的<div id="content">，不用说，这种行为与整个搞乱网站布局。这个错误只发生在ff 3.6，即使IE6正确渲染它。到目前为止，我尝试了以下步骤：
1.更改DOCOTYPE。
2.在每个占位符内寻找未封闭的标签。
3.更改css。

的CSS：

#RightBar{float:right;width:225px} 
#content{width:707px;float:left;overflow:hidden}

但这些工作。有什么想法？

编辑：我不能给你一个链接，因为它仍处于开发阶段，但在FF 3.6，它看起来是这样的：

<div id="RightBar"> 
...right bar content here... 
<div id="content"> 
    ...content here... 
</div> 
</div>

来源

2011-07-13 tone

你应该包括你CSS也一样，否则就不可能回答。 – Albireo

嗨@tone能给你一个被渲染的html的例子吗？或者我们可以看一个示例页面？ –

在http://jsbin.com/上发布您的代码，以便我们可以运行并摆弄它。 –

我首先想到的是摆脱float:left;的内容或至少将其更改为float: right;（几个漂浮在彼此的同一侧堆栈上时，有足够的空间）

如果失败，请尝试使用table得到你想要的布局。是的，我可以听到你惊恐地哭泣，但是桌子的规则是“只有在有意义时才使用桌子”，而不是“在任何情况下都不会使用桌子”。

来源

2011-07-13 09:37:25

我建议通过W3C Validator运行生成的HTML代码 - 这听起来很像你有某种HTML语法错误;我在你发布的代码中看不到它，但验证器会将其提取出来。

使用浏览器的'查看页面源'选项，并将整个事件粘贴到验证器的文本区域。

验证器可以在这里找到：http://validator.w3.org/

来源

2011-07-13 11:27:10 Spudley

火狐3.6.19渲染错误

回答

相关问题