Facebook login (connect) button rendering in chrome scheitert

Question

Heute habe ich festgestellt, dass FB Login Button nicht mehr korrekt in Chrome gerendert wird (vielleicht wegen Browser Update - wer weiß). Werfen Sie einen Blick auf diese http://goo.gl/mK6sf Website in IE und Chrome. Jede Taste hat ein zusätzliches "Padding-Top" in Chrom und der Iframe ist nicht richtig ausgeblendet. Hier ist png Vorschau http://goo.gl/sfUl5

EDIT Wie FB Login-Button zu machen richtig wie in IE machen? Sehen Sie ähnliche Probleme auf anderen Websites? Hat Facebook etwas verändert oder ist Chrome schuld?

EDIT2 2013.01.16 einen Blick auf diesen Thread nehmen: https://developers.facebook.com/bugs/592452207446912 Dies ist wahrscheinlich Facebook-API-Fehler. Ich werde eine Antwort posten, wenn sie es beheben.

Answer 1

Dank Matt Bower von Forum Facebook-Entwickler die temporäre Lösung ist:

#fb_login_button { 
    width: 80px; 
} 
#fb_login_button span, 
#fb_login_button iframe {. 
    width: 80px! important; 
    height: 25px! important; 
} 

Ich warte immer noch auf Facebook Entwickler dieses Problem zu beheben.

Answer 2

Sie können das Login-Plugin nicht in iframe verwenden. Bitte verwenden Sie das JavaScript SDK und die XFBML- oder HTML5-Implementierungen. diesen Code Versuchen:

<fb:login-button show-faces="false" width="200" max-rows="1"></fb:login-button>