2012-02-15 82 views
1

我試圖糾正一個包含表格而不是div的舊模板。我怎樣才能在表格中定位一個div?

整個模板由表組成。 我打算將png圖像絕對放置在表格中,這與背景重疊。

我所做的代碼如下:

<tr> 
    <td></td> 
    <td><a href="homepage.html"> 
      <div style="position:absolute;margin-top:-60px;margin-left:-18px;">      
        <img src="images/header.png" width="280" height="120" alt="" border="0"> 
      </div> 
     </a> 
    </td> 
</tr> 

的問題是,一些瀏覽器「小姐」的像素。

有什麼辦法可以在表格中定位一張圖片嗎?

p.s.目前,我知道最好的方法是使用div,但我不會改變整個模板,只需改變標題即可。

+2

的'了'內部的'div'是錯誤的。不要使用諸如'border'之類的表示屬性。定位上下文取決於父DOM節點的定位上下文。最後,究竟是什麼「缺少一個像素」?你得到的輸出是什麼,你期望的輸出是什麼? – mingos 2012-02-15 10:43:04

+0

感謝您的回覆,我必須對齊的圖像包含一條直線,該直線必須適合包含直線的下一張圖像。 – programmer 2012-02-15 11:52:41

+1

因此,當你將'a'放在'div'而不是其他方式時,它會起作用嗎?如果不是,圖像真的是280x120像素,還是瀏覽器需要調整它們?調整大小可能導致不同瀏覽器出現不同的舍入錯誤。 – 2012-02-16 09:03:18

回答

0

正確方法:

<tr> 
     <td></td> 
     <td> 
       <div style="position:absolute;margin-top:-60px;margin-left:-18px;">      
         <a href="homepage.html"> 
         <img src="images/header.png" width="280" height="120" alt="" border="0"> 
         </a> 
       </div> 
     </td> 
    </tr>