Firefoxでの表のセル要素の垂直方向の整列が機能しない

Question

JSPセル内の画像セルにテキストセルを配置する必要があります。 JSPフラグメントである：画像とテーブルの中央に整列テキストで

：ChromeとIEで

<div class="col-sm-12"> 
    <div class="col-xs-12 col-sm-4"> 
     <arch:fondoListerGridItem serie="${serie}" fondo="${fondoPageData}" /> 
    </div> 
    <div class="col-sm-4 "> 
     <div style="display: table;position: absolute;height: 33%;width: 100%;"> 
     <div style="display: table-cell;vertical-align: middle;"> 
     <p> 
      <b><spring:theme code="text.fondo" />:</b> ${fondoPageData.fondo}<br> 
      <b><spring:theme code="text.serie" />:</b> ${serie.titolo} 
     </p> 
     </div></div> 
    </div> 
</div> 

結果は、このブラウザです。 Firefoxので

代わりに、結果は次のとおりです。

とテキストが一番上に整列しています。 私は解決策があることができることを、開発者のconsolleから見た：ChromeとIEのための

<div style="display: table;position: relative;height: 33%;width: 100%;"> 
<div style="display: table-cell;vertical-align: middle;"> 

が、Firefox用

<div style="display: table;position: relative;height: 33%;width: 100%;"> 
<div style="display: table-cell;vertical-align: bottom;"> 

。 JSPファイルでこれをどのように行うことができますか？

Answer 1

私は

padding-top: 50%; 

これは、両方のブラウザで動作して

vertical-align: middle; 

を置き換える解決！