html - 在 TD 标签中拉伸(stretch)图像时出现问题

Question

我有一个似乎只出现在 IE 中的问题(我目前使用的是 IE8)。基本上，我的网页由页眉、内容区域和页脚组成。我正在尝试拉伸(stretch)图像以在内容区域中显示为左右边框。图像不是纯色，因此简单地设置边框属性是行不通的。在除 IE 之外的所有浏览器中，图像都可以很好地拉伸(stretch)。

由于该站点是为称为 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 中绝对有效。