0

私の Web アプリケーション ヘッダーには、中央にテキスト、右側に ajax ステータスが含まれています。

ユーザーが ajax をアクティブにするたびに、ヘッダー テキストが左にジャンプします。

<h:outputText value="${messages.HEADER}"/>
<p:ajaxStatus id="ajax-StatusPanel" onsuccess="" style="float: right;margin-top: -5px;margin-right:10px;">                                                                     
    <f:facet name="start">                                                                                                                 
        <p:graphicImage value="resources/images/ajax-loader.gif" />                                                                        
    </f:facet>                                                                                                                             
    <f:facet name="complete">                                                                                                              
        <h:outputText value=""/>                                                                                
    </f:facet>                                                                                                                             
</p:ajaxStatus>

ヘッダー テキスト css:

.pe-layout-inner-north > .pe-layout-pane-content {
    background-color: #5080C0;
    border:1px solid #222222;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size:1.5em;
    font-weight: bolder;
    text-align: center;
    color:#FFFFFF;
    display: block;
}

ヘッダーを中央に永続的に設定するにはどうすればよいですか?

ありがとう

4

1 に答える 1

0

h:panelGrid を使用して解決策を見つけました。

<h:panelGrid columns="1" columnClasses="mainHeader" style="margin:0px auto;">
    <h:outputText value="${dy_messages.DYE_HEADER}"/>
</h:panelGrid>
<p:ajaxStatus id="ajax-StatusPanel" onsuccess="" style="float: right;margin-right:10px;margin-top: -32px">                                                                     
    <f:facet name="start">                                                                                                                 
        <p:graphicImage value="resources/images/ajax-loader.gif" />                                                                        
    </f:facet>                                                                                                                             
    <f:facet name="complete">                                                                                                              
        <h:outputText value=""/>                                                                                
    </f:facet>

ありがとう

于 2012-07-24T16:33:09.957 に答える