1

私のfaceletsテンプレートには、divmin-hightがあります。Firefoxブラウザでは動作しません。

    <div class="body">
        <table>
            <tr>
                <td valign="top" width="100%" style="min-height: 400px;">
                    <ui:insert name="body"/>
                </td>
            </tr>
        </table>

    </div>

これら2つのブラウザに対して私がする必要があること。

4

3 に答える 3

2

試してみてください

<td valign="top" width="100%" style="display:block; min-height: 400px;">

フィーラが言ったように、「min-height はブロックレベルと置換された要素に適用されます」

于 2012-09-19T09:07:19.497 に答える
0

高さだけを使用して、適切に機能するようにします

  <div class="body">
     <table>
       <tr>
            <td valign="top" width="100%" style="height: 400px;">
                  <ui:insert name="body"/>
           </td>
      </tr>
  </table>
 </div>
于 2012-09-19T09:08:16.693 に答える
-1

ここの仕様 (仕様)に従って、min-height はテーブル要素に適用されるべきではありません。したがって、このプロパティを間違って表示しているのは IE であり、Firefox ではありません (驚くことではありません)。できることは、レイアウト用のテーブルの使用を停止するか (これは標準で推奨されています)、またはテーブル セル内に DIV を配置し、min height プロパティを div に適用して、TD がそのコンテンツ サイズを採用するように強制することです。

オプション1：

<body>
    <div class="body" style="min-height:400px;">
        <ui:inser name="body"/>
    </div>
</body>

オプション 2:

<div class="body">
    <table>
        <tr>
            <td valign="top" width="100%">
                <div  style="min-height: 400px;">
                    <ui:insert name="body"/>
                </div>
            </td>
        </tr>
    </table>
</div>

オプション 1 の欠点 - 従来の IE 用の x-browser を取得するために余分なスタイリングが必要になる可能性 (6,7,8) オプション 2 の欠点 - 不要なマークアップ、非標準。

于 2012-09-19T09:20:39.473 に答える