Primefaces佈局

我有一個primefaces佈局，它已將property屬性fullpage定義爲false（因爲我不希望我的頁面的孔洞內容適合瀏覽器而不滾動），問題是當我爲頁腳定義佈局單元時（位置=南），它在頭部之前被渲染！請幫助，這裏是我的代碼的一部分，以及一個圖像;Primefaces佈局

<p:layout fullPage="false"> 
      <!-- HEADER --> 
      <ui:insert name="headerModelA"> 
       <p:layoutUnit position="north" size="165"> 
        <p:panelGrid > 
         <!-- code --> 
        </p:panelGrid> 
       </p:layoutUnit> 
      </ui:insert> 
      <!-- LEFT --> 
      <p:layoutUnit position="west" size="150" header="Left Panel"> 
       <h:outputText value="West unit content." /> 
      </p:layoutUnit> 
      <!-- RIGHT --> 
      <p:layoutUnit position="east" size="200" header="Right Panel"> 
       <h:outputText value="Right unit content." /> 
      </p:layoutUnit> 
      <!-- CENTER CONTENT --> 
      <p:layoutUnit position="center"> 
       <ui:insert name="mainContentA"> 
        <h:form id="formBanner"> 
         <!-- some other content --> 
        </h:form>   
       </ui:insert> 
      </p:layoutUnit> 
      <!-- FOOTER --> 
      <ui:insert name="footer"> 
       <p:layoutUnit position="south" size="100"> 
        <!-- footer info --> 
       </p:layoutUnit> 
      </ui:insert> 
</p:layout>

enter image description here

來源

2014-04-09 Rodrigo Martinez

，如果你不使用插件和渲染一個簡單的標籤，會發生什麼？它是否正確渲染？或者嵌套 - >''看看是否有效。沒有插入標籤的 –

問題仍然存在。不明白你建議的替代巢穴...是一個PF組件嗎？或一個簡單的HTML組件？謝謝回答！ –

這是僞代碼。我建議插入可能是問題。如果你刪除了它，並且一個簡單的例子不起作用，那麼它聽起來像我的CSS不好。 –

這可能是一個錯誤。 fullPage =「false」南方面板的位置：絕對和頂部：0px ，div顯示在頂部。

試圖強制風格。將頂部像素調整爲您的應用程序。

<p:layoutUnit position="south" size="100" 
style="postion:relative !important; top:400px !important">

完整代碼

<p:layout fullPage="false"> 
      <!-- HEADER --> 
       <p:layoutUnit position="north" size="165"> 
      <ui:insert name="headerModelA"> 
        <p:panelGrid > 
              <h1>NORTE</h1> 

        </p:panelGrid> 
      </ui:insert> 
       </p:layoutUnit> 
      <!-- LEFT --> 
      <p:layoutUnit position="west" size="150" header="Left Panel"> 
       <h:outputText value="West unit content." /> 
      </p:layoutUnit> 
      <!-- RIGHT --> 
      <p:layoutUnit position="east" size="200" header="Right Panel"> 
       <h:outputText value="Right unit content." /> 
      </p:layoutUnit> 
      <!-- CENTER CONTENT --> 
      <p:layoutUnit position="center"> 
       <ui:insert name="mainContentA"> 
        <h:form id="formBanner"> 
        <h1>CENTER</h1> 
        </h:form>   
       </ui:insert> 
      </p:layoutUnit> 
      <!-- FOOTER --> 
       <p:layoutUnit position="south" size="100" style="postion:relative !important; top:400px !important"> 
      <ui:insert name="footer"> 
        <h1>FOOTER</h1> 
      </ui:insert> 
       </p:layoutUnit> 
</p:layout>

來源

2014-04-10 10:22:38

這似乎是一個很好的解決方案，現在我的問題是，如何在px中定義頂部邊距，知道頁面的高度將根據其內容而改變。有沒有辦法根據標題高度+中心內容高度定義頂部邊距？ –

回答

相關問題