0

アプリケーションに Primefaces バージョン 3.2 を使用していますが、他のすべてのブラウザでは問題なく動作しています。しかし、IE7 で開くと、すべてのルック アンド フィールがめちゃくちゃになります。これを乗り越えるために何ができるか誰か教えてもらえますか? 参考までにスクリーンショットを添付します。

ここに画像の説明を入力

 <p:panel id="p_QDEF0061" style="height:auto;">
<div style="width:100%;height:auto;border:none;margin:0px 2px 0px 2px;" id="QDEF0061_content">
<p:dataTable value="#{reportRunManager.getResult('QDEF0061', '1')}" var="row" id="QDEF0061table" rows="20" styleClass="report" style="width:1216px;" rowClasses="odd-row, even-row" paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowIndexVar="index">
  <p:column style="width:91px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Completed by" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:91px">
      <h:outputText value="#{row.get('crc_review_user_login')}" escape="false" />
    </div>
  </p:column>
  <p:column style="width:93px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Completed On" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:93px">
      <h:outputText value="#{row.get('crc_review_complete_date')}" escape="false">
        <f:convertDateTime type="date" pattern="MM/dd/yyyy" />
      </h:outputText>
    </div>
  </p:column>
  <p:column style="width:93px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Date of Service" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:93px">
      <h:outputText value="#{row.get('crc_review_svc_date')}" escape="false">
        <f:convertDateTime type="date" pattern="MM/dd/yyyy" />
      </h:outputText>
    </div>
  </p:column>
  <p:column style="width:79px !important;" colspan="1">
    <f:facet name="header" styleClass="rHdr">
      <div style="text-align:left;">
        <h:outputText value="Post Date" />
      </div>
    </f:facet>
    <div style="text-align:left;word-wrap:break-word;width:79px">
      <h:outputText value="#{row.get('crc_review_post_date')}" escape="false">
        <f:convertDateTime type="date" pattern="MM/dd/yyyy" />
      </h:outputText>
    </div>
  </p:column>
</p:dataTable>
</div>
</p:panel>
4

0 に答える 0