1

我有以下问题。当我设置一切正常。但是我想从顶部、左侧和右侧获得边距，所以我将 fullPage 设置为 false。然后带有 id 'south' 的 layoutUnit（以及南位置）显示在页面顶部。试图修复它，但没有效果。

这是我的模板的代码：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<f:view contentType="text/html" id="fview">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>#{msg['Title']}</title>
<f:metadata>
    <ui:insert name="metadata" />
</f:metadata>

<h:head>


<h:head>



<p:layout fullPage="false" style="margin: 2em !important;">
    <p:layoutUnit position="north" size="100" id="north" style="box-shadow: 5px 5px 5px #888888;">
        <ui:include src="header.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit position="west" id="west" resizable="false" header="#{msg['menuTitle']}" style="height:500px;overflow:hidden;box-shadow: 5px 5px 5px #888888;" size="225">
        <ui:include src="menu.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit styleClass="styleOrange" position="center" style="padding:20px;box-shadow: 5px 5px 5px #888888;">
        <h:form id="mainForm">
            <p:messages autoUpdate="true" id="msgs" showDetail="true" showSummary="true" />
            <ui:insert name="content" />
        </h:form>
    </p:layoutUnit>
    <p:layoutUnit position="south" resizable="false" id="south" style="box-shadow: 5px 5px 5px #888888;">
        <ui:include src="footer.xhtml" />
    </p:layoutUnit>
</p:layout>


</h:head>
</h:head>
<h:body onload="statusDialog.hide();">
</h:body>

</f:view>
</html>
4

2 回答 2

1

除 center layoutUnit 外，其他布局单元必须具有通过 size 选项定义的尺寸。尝试将其添加到南单元

于 2013-09-25T06:07:13.713 回答
0

页脚超出了没有大小的视图范围。中心 layoutUnit 占据了所有空间。尝试将布局元素的 fullPage 属性更改为 true，您将看到页脚。

<p:layout fullPage="true" style="margin: 2em !important;">
于 2014-06-22T20:12:07.580 回答