Tweet / Facebook按钮在IE9中断?

时间:2011-05-26 01:05:04

标签: header internet-explorer-9 blogger

以下是问题的图片:http://i55.tinypic.com/29g0izc.jpg

问题网站:http://windowsphonedaily.blogspot.com/

我在标题下方的每篇新文章的标题处都有我的推文和按钮设置。它适用于Chrome和Firefox。但是我注意到在IE9中,两个按钮都被强制向左,并且实际的推文按钮丢失了。您可以在上图中看到FF4,Chrome 11和IE9之间的比较。

有没有人知道如何在不破坏其他浏览器的情况下解决这个问题?这是我用来设置按钮的代码。

<div class='post-header'>
<table>
<div class='post-header-line-1'/>
    <!-- Facebook's Like Button -->
    <div style='float:right;'>
        <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='arial' href='' layout='button_count' show_faces='false' width='10'/></div>
    <!-- Twitter's Tweet Button -->
    <div style='float:right;'><a class='twitter-share-button' data-count='horizontal' data-via='WinPhoneDaily' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>

  <span class='post-author vcard'>
    <b:if cond='data:top.showAuthor'>
      <data:top.authorLabel/>
      <span class='fn'><data:post.author/></span>
    </b:if>
  </span> <span class='post-timestamp'>
    <b:if cond='data:top.showTimestamp'>
      <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
  </span></table>

0 个答案:

没有答案