Question

在我的项目中，我有一个如下所示的母版页：

<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="content">内部呈现<div id="RightBar">，不用说这种行为正在搞乱整个网站布局。这个bug只在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>

Answer 1

我的第一个冲动是摆脱float:left;的内容，或至少将其更改为float: right;（当有足够的空间时，在同一侧堆叠上的几个浮动）

如果失败，请尝试使用table获取所需的布局。是的，我可以听到你惊恐地哭出来，但桌子的规则是“只有在有意义的时候才使用桌子”而不是“绝不会在任何情况下使用桌子”。

Answer 2

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

使用浏览器的“查看页面来源”选项，将整个内容粘贴到验证程序的文本区域。

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

firefox 3.6.19渲染bug

2 个答案: