Asp.net 在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

在我的aspx页面中有以下表格结构。我需要将图像放置在表格单元格的右下角。下面的代码适用于IE和Chrome。但在Firefox和Safari中,图像显示在行的右下角,而不是单元格

  <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>
    &nbsp;
    <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>
    &nbsp;
    <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标记中。此标签的宽度和高度不是固定的,可以增加或减少。因此,我无法确定此图像的位置。它必须与表格单元格一起移动。