Asp.net 在Firefox和Safari中,将图像放置在表格单元格的右下角不起作用
在我的aspx页面中有以下表格结构。我需要将图像放置在表格单元格的右下角。下面的代码适用于IE和Chrome。但在Firefox和Safari中,图像显示在行的右下角,而不是单元格Asp.net 在Firefox和Safari中,将图像放置在表格单元格的右下角不起作用,asp.net,Asp.net,在我的aspx页面中有以下表格结构。我需要将图像放置在表格单元格的右下角。下面的代码适用于IE和Chrome。但在Firefox和Safari中,图像显示在行的右下角,而不是单元格 <table style="width:100%"> <tr> <td valign="top" style="width:20%; position:relative"> <div> //some controls
<table style="width:100%">
<tr>
<td valign="top" style="width:20%; position:relative">
<div>
//some controls here
</div>
<img src="~/images/Index.JPG" runat="server" style="position:absolute; right:0; bottom:0"/>
</td>
<td valign="top" style="width:80%">
<div>
//control here
</div>
</td>
</tr>
<tr>
<td align="center" colspan="1" style="width: 20%">
//control here
</td>
<td align="center" colspan="2" style="width: 80%">
</td>
</tr>
<tr>
<td align="center" style="width:100%" colspan="2">
//control here
</td>
</tr>
</table>
//这里有一些控件
//控制这里
//控制这里
//控制这里
请帮帮我!!
谢谢。我认为您需要删除此图像的父td的位置:相对,因为图像的绝对值是相对于具有位置:相对的td完成的
<table style="width:100%">
<tr>
<td valign="top" style="width:20%;">
<div>
//some controls here
</div>
<img src="~/images/Index.JPG" runat="server" style="position:absolute; right:0; bottom:0"/>
</td>
<td valign="top" style="width:80%">
<div>
//control here
</div>
</td>
</tr>
<tr>
<td align="center" colspan="1" style="width: 20%">
//control here
</td>
<td align="center" colspan="2" style="width: 80%">
</td>
</tr>
<tr>
<td align="center" style="width:100%" colspan="2">
//control here
</td>
</tr>
</table>
//这里有一些控件
//控制这里
//控制这里
//控制这里
通过为图像添加另一行并设置对齐方式,我解决了这个问题
<tr>
<td style="width: 20%;" align="right" valign="bottom">
<asp:Image ID="Img1" runat="server" />
</td>
</tr>
如果我删除position:relative,它也会在IE和Chrome中停止工作。该图像显示在行的右下角,而不是单元格。我认为该图像是绝对图像,将出现在页面底部,无论它在html中的位置如何,因此我认为您可以将其放在标记后的html中,以确保它将出现在所有浏览器的底部,并确保没有其他的定位会影响它。谢谢你的回复。但该图像被添加到表的td标记中。此标签的宽度和高度不是固定的,可以增加或减少。因此,我无法确定此图像的位置。它必须与表格单元格一起移动。