facebook - fb:like が Safari の td の外に表示される

Question

テーブルセル内のページでFacebookのいいねボタンを使用しています

<table style="position:relative;">
  <tr style="position:relative;">
    <td>
      <table  cellpadding='0' style='border:solid 1px black;width:100%;'>
        <tr align='left'>
          <td align='left'>
            <fb:like send="false" layout="standard" width="350"
                     style="height:22px;" show_faces="false"
                     action="like" colorscheme="light"
            ></fb:like>
          </td>
        </tr>
      </table>
    </td>    
  </tr>

  <tr>
    <td align="left" valign="top">SOME TEXT</td>
  </tr>
</table>

IE 9 および Google Chrome では、テーブルに設定された黒い境界線内に正しく表示されています。

しかし、Safari ではtd.

なぜこうなった？positionLike Buttonスタイルをrelative同じものに設定しようとしました。Safari の CSS に違いはありますか?

Answer 1

これは、ページに他のスタイルがあるためです。サンプル コードで提供されていないスタイルを修正する必要があります。

コードだけでも Safari (Mac) で期待どおりに動作するため、問題を特定することは難しくありません。実際の例を参照してください:フォーマット前、フォーマット後