テーブルの高さのパーセンテージとIE9

私は非常にばかげた問題があります。テーブルのセルの高さが100％のテーブルの内側にフィールドが必要です。問題はそれをしないIEブラウザです。 Chromeなどで動作します（Firefoxもそうだと思います）。ここでは、htmlファイルの例を示します。テーブルの高さのパーセンテージとIE9

<?xml version='1.0' encoding='UTF-8' ?> 
<!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"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Test</title> 
<style type="text/css" media="screen"> 
body { 
    background-color: #ffffff; 
    font-size: 12px; 
    font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; 
    color: #000000; 

    height: 100%; 
    overflow: hidden; 
    margin: 0px; 
    padding: 0px; 
    border: medium none; 
} 

table.subTable td { 
    border-width: 0px; 
    padding: 0px; 
    margin: 2px; 
} 

.ui-slottable table { 
    height:100%; 
    width:100%; 
} 

.ui-slottable-slot { 
    width:100%; 
    height: 100%; 
    border-radius: 5px; 
    border-width:1px; 
    border-style:solid; 
    border-color: #cccccc; 
    background-color:#eeeeee; 
    border-collapse: separate; 
} 

</style> 
</head> 
<body> 
    <div class="ui-slottable"> 
     <table> 
      <tbody> 
       <tr> 
        <td> 
         <div class="ui-slottable-slot"> 

          <table class="subTable" style="margin:2px;"> 
           <tbody> 
            <tr> 
             <td>T1 Hallo</td> 
            </tr> 
           </tbody> 
          </table> 

         </div> 
        </td> 
        <td> 
         <div class="ui-slottable-slot"> 

          <table class="subTable"> 
           <tbody> 
            <tr> 
             <td>T2 Hallo</td> 
            </tr> 
            <tr> 
             <td>Halloggggggggggggggggggg</td> 
            </tr> 
           </tbody> 
          </table> 

         </div> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</body> 

</html>

このファイルには、フィールドT1の高さはT2と同じにする必要があります。

私は別の方法の多くのをテストしてみたが、何も働いていない...

希望誰かが

出典

2012-03-12 Knox

テーブルにテーブルを埋め込むのは悪いことです。http://webdesign.about.com/a/aa111102a.htm –

これは単なる例です。 – Knox

ああ。助けが必要な特定のコードがある場合は、より有益かもしれません。現在のところ、私はあなたの問題をどのようにソートするのか分かりません！ごめんなさい。 –

が通常動作しない高さを設定しようとする... IEはこれを作る方法を教えてくださいすることができます。

T1の最奥のテーブルで2行を使用すると、フィールドの高さを同じにすることができます。（余分な行の内容としてnbspを使用します）。その後、表htmlタグ内のstyle="margin:2px;"を削除します。

出典

2012-03-12 14:31:55 PauliL

これは固定値に高さを設定するのと同じ方法です。しかし、それを修正するのはうれしいことではない...多分私は回避策を書く必要があります... – Knox

テーブルの高さのパーセンテージとIE9

答えて

関連する問題