【问题标题】:IE renders unnecessary div elementsIE 渲染不必要的 div 元素
【发布时间】:2012-01-12 04:14:17
【问题描述】:

我正在使用 JSF 2,并且我的多个 xhtml 页面呈现不需要的 div 内容。 Firefox 和 Chrome 中不会呈现相同的内容。

<div id="someid">
<div class="someclass">
.......
.......
</div>
</div>

这是不需要的内容。

我在页面源代码中也看到了上面的代码两次。

更新:

正如您在下面看到的那样,在页面源中观察到 h:form 标签上方的 div 内容两次

<ui:composition xmlns=.....>


<div id="modal" title="Message">
    <div class="content">
        <p class="strong">
            Message
        </p>

        <p class="top-margin">
            A message..........
        </p>

        <div class="button">
            <span class="cancel"> 
 <span class="submit"> <a href="#" class="close window">Cancel</a> </span> </span>
        </div>
    </div>
</div>


    <h:form id="formid" prependId="false" 
        class="formclass">
        <div class="columns">
    // Form content displayed as usual
            </h:form>
</div>

##

【问题讨论】:

  • 我可以查看页面中的 JSF 2 代码和任何 javascript。
  • 也许你有一些无效的 HTML,而 IE 在猜测它应该是什么方面做得比 FF 或 Chrome 更糟糕
  • 也许 JSF 有浏览器检测(通过用户代理)并决定根据调用页面的浏览器呈现不同的 HTML?

标签: css internet-explorer firefox xhtml jsf-2


【解决方案1】:
#someid, .someclass{
display:none;
}

这不会呈现不需要的内容

【讨论】:

  • 但是在使用id和class的地方都不会显示内容。
  • 只有在必须显示的时候才需要显示内容。 Firefox 和 Chrome 做得很好。
  • 在看到一些屏幕截图之前我什么都做不了.. 投票也没有帮助
  • 显然我没有代表投票反对,其他人可以这样做。无论如何,我会尝试发布一些屏幕截图。
  • 绝对贴截图,我可以帮你,我没有IE,因为我在Mac上。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-07
  • 1970-01-01
  • 2012-05-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多