Tweet/Facebook 按钮在 IE9 中损坏？

发布于 2024-11-09 15:03:50 字数 1759 浏览 2 评论 0原文

这是问题的图片： 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>

原文

Here's a picture of the problem: http://i55.tinypic.com/29g0izc.jpg

Problem Site: http://windowsphonedaily.blogspot.com/

I have my tweet and like button setup at the header of each new article underneath the title. It works extremely well with Chrome and Firefox. But I noticed that in IE9 both buttons are forced to the left and that the actual tweet button is missing. You can see in the above picture the comparison between FF4, Chrome 11, and IE9.

Does anyone know how to fix this without breaking it in the other browsers? Here is the code I have used to set up the buttons.

<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>

分享到QQ

分享到微博