2012-02-15 13 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

+0

お返事ありがとう、私が整列しなければならないイメージには、次のイメージに適合する直線が含まれています。 – programmer

+1

これは 'div'の中に' a'を入れたときにうまく動作しますか?そうでない場合、画像は実際に280x120ピクセルですか、ブラウザでサイズを変更する必要がありますか?サイズを変更すると、さまざまなブラウザで丸め誤差が異なることがあります。 –

答えて

0

正しい方法: `A`内部

<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> 
関連する問題