Question

我有一个似乎只出现在IE中的问题（我目前正在使用IE8）。基本上，我的网页包含标题，内容区域和页脚。我正在尝试拉伸图像以在内容区域中显示为左右边框。图像不是纯色，因此简单地设置边框属性将不起作用。在IE浏览器的所有浏览器中，图像伸展得很好。

该网站基于表格，因为它是为称为NetSuite的CMS编写的。很多表和html都是由CMS创建的，很难修改。

您可以在 - web site page

中查看该页面

我尝试了多种高度组合：100％和不同的定位值，几乎没有帮助。其中一个问题是内容区域的高度是动态设置的。

现在的代码现在看起来像这样：

<table border="0" cellpadding="0" cellspacing="0" width="1020" height="100%" align="center">
<tr style="height:100%;">

    <!-- left side image -->
    <td style="width:9px; height:100%;"><img src="http://www.marware.com/images/body_outer_border.png" border="0" height="100%" width="9" /></td>
    <td valign="top" width="400" align="center">
    <!-- right side image -->
    <td style="width:9px; height:100%;"><img src="http://www.marware.com/images/body_outer_border.png" border="0" height="100%" width="9" /></td>
</tr>

Answer 1

<td style="height:100%; position:relative;">
    <img style="position:absolute; top:0px; left:0px; width:100%; height:100%;" border=0 src="http://www.marware.com/images/body_outer_border.png" width="9" height="100%">
</td>

使img绝对定位于0,0，宽度和高度均为100％。并且相对定位在td上，所以绝对定位是相对于它的。我相对肯定这绝对适用于IE8。

在TD标签中拉伸图像的问题

1 个答案: