2012-01-30 7 views
1

IE7にFacebookの「送信」ボタン全体を表示できません。 しかし、Chrome、Mozilla、IE9、IE8では正常に動作しています。送信ボタンのレイアウトになるどのようにIE7の "Facebookの送信ボタン"のレイアウトを実行して修正するには?

: - enter image description here

私のHTMLコードとして: -

<div class="facebook_wrapper"> 
<script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script> 
<fb:send font=" " href="http://www.google.com.my/"></fb:send> 
</div> 
+0

'facebook_wrapper'のCSSを表示できますか? – Dementic

+0

.facebook_wrapper {margin-bottom:7px;} – Always21

+0

'.facebook_wrapper'ディビジョンの場合は' display:block; width:200px; height:25px; 'と答えてください。 – Dementic

答えて

1

IE7のサポートを中止していないので、私はあなたのためにこの権利を得ることができるかどうかを確認できます。

<div style="overflow:hidden;"> 
    <div class="facebook_wrapper"></div> 
    <script src="http://connect.facebook.net/en_US/all.js#appId=119279021491995&amp;xfbml=1"</script> 
    <fb:send font=" " href="http://www.google.com.my/"></fb:send> 
</div> 

P.S.私はこれをテストする方法がありません。なぜならIE9の開発ツールはIE7と見なす際に問題を示さないからです。これが修正されることを願っています!

EDIT - 前の手順でも問題が解決しない場合、この問題はまだ適用されている他のスタイリングによるものと思われます。

0

私のアドバイス、IE 7のサポートをドロップします。あなたのコードは非常に古い、または間違ったのいずれかであるようだhttp://developers.facebook.com/docs/reference/plugins/send/

を見た後にIE 8の最小

+0

悪いです。アドバイスをしても、ゆっくりと死んでいるので、集団的にあなたのユーザーを罰する理由はありません。 – Dementic

+0

これは彼のための選択肢だったら、彼はおそらくここに来て問題を解決する方法を尋ねるでしょう;-) –

+0

マイクロソフト社は、この厄介なブラウザの使用を主張しているユーザーを罰する理由であるべきであることを撤回している。また、Googleは現在、数多くの標準を設定しているようで、それはこの男よりも多くのユーザーを罰することです。 EDIT - 私は彼がおそらく彼がtho IE7の落下についてしかし、投票者に投票するのは、Webコーダーで非常に共通して高く意見が一致している意見を述べるために、愚かで、助けになることさえしようとしている人々を落胆させることです。 –

0

にIEのアップデートの以前のバージョンを作ることにGoogleはすでにそれをサポートして減少しているとMicrosoftが計画しています。あなたはXFBMLをしたい場合は、 <div class="fb-send" data-href="http://example.com"></div>

をか:(bodyタグの後に、好ましくは、右)体内でこのどこか

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

を入れて、あなたが表示されるまで送信ボタンを配置したい場所にこれを入れ

、身体の後の同じスクリプトだけでなく、

<html xmlns:fb="http://ogp.me/ns/fb#"> < ---あなたの<html>タグ

および<fb:send href="http://example.com"></fb:send>ボタンが必要な場所。

+0

スクリプトを実装しましたが、Facebookの送信ボタンは半分しか表示されません。 – Always21

+0

問題のあるライブページを表示できますか?ほとんどの場合、タグを上書きするCSSルールがあります。 – Dementic

1

私は、IE 7と同様の問題に似たボタンを切り捨てていました。埋め込まれたCSSに掘り下げた後、私は、幅を1pxに設定するクラスであることを発見しました。

あなたが探しているクラスの.pluginButtonボタンがあります。 CSS 7にIE 7用の条件付きオーバーライドを書いて、それに応じて幅プロパティを調整してください。

私は今試しており、返信します。

+0

問題の原因としてこれが確認されましたか?私は現在、同じ問題を抱えています。私はこれに興味があった。 – user1470511