На этой странице высота области метода оплаты короче, чем высота родительского элемента в IE7.
Как это исправить. Нужно ли применять штриховку к родительскому элементу - ячейке таблицы - вместо таблицы?
Это страница:
https://checkout.netsuite.com/s.nl?c=659197&sc=4&whence=
Это информация для входа:
- электронная почта : test2@gmail.com
- pass : 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%;
}