fb:喜欢在Safari中出现在td之外

时间:2012-04-23 08:05:15

标签: facebook html-table safari facebook-like facebook-social-plugins

我在表格单元格

中的页面上使用Facebook Like Button
<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中,它正确显示在设置到表格的黑色边框内。

screenshot-correct

但在Safari中,它出现在td之外。

screenshot-wrong

为什么会这样?我试图将Like Button样式position设置为relative但同样的事情。 CSS的CSS有什么不同吗?

1 个答案:

答案 0 :(得分:0)

这是因为您在页面上有其他样式。您需要修复示例代码中未提供的样式。

您的代码单独在Safari(在Mac上)正常工作,因此隔离问题应该不难。查看实时示例:before formattingafter formatting