Question

在此页面中，付款方式区域的高度比IE7中父元素的高度短。

我该如何解决这个问题我是否必须将阴影应用于父元素 - 表格单元格而不是表格？

这是页面： https://checkout.netsuite.com/s.nl?c=659197&sc=4&whence=

这是登录信息：

电子邮件：test2@gmail.com
传递：test03

以下是相关的HTML行（表格结构由托管/ CMS提供商控制，因此我只能使用javascript进行更改）：

<tr>
<td width="50%" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" id="shippingmethodtable">
<tbody><tr>
<td class="smalltext"><b>Shipping Method</b></td>
</tr>
<tr>
<td class="smalltext">
<table cellspacing="0" cellpadding="0" border="0">
<tbody><tr><td class="smalltext">shipping methods are listed in here</td></tr>
<input type="hidden" value="T" name="continueclicked">
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td width="50%">
<table cellspacing="0" cellpadding="0" border="0" id="paymentmethodtable">
<tbody><tr>
<td class="smalltext"><b>Payment Method</b></td>
</tr>
<tr>
<td class="smalltext">(none selected)</td>
</tr>
</tbody></table>
</td>
</tr>

这是相关的CSS：

body.checkout #submitordertable td {
height:100%;
}
body.checkout #shippingaddress, body.checkout #billingaddress, body.checkout #shippingmethodtable, body.checkout #paymentmethodtable {
height:100%;
width:100%;
}

Answer 1

尝试添加：

position: fixed;

在你的风格定义中。

IE7中的表高度不是100％，但它在FF3.6中有效

1 个答案: