1

在我的 facelets 模板中，有 div min-hight。它在 Firefox 浏览器中不起作用。

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

    </div>

我需要为这两个浏览器做些什么。

4

3 回答 3

2

尝试

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

正如feeela所说，“最小高度适用于块级和替换元素”

于 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

根据此处的规范 (spec) 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 (6,7,8) 获取 x 浏览器需要额外样式的可能性 选项 2 的缺点 - 不必要的标记，非标准。

于 2012-09-19T09:20:39.473 回答