/ / क्रोम में फेसबुक लॉगिन (कनेक्ट) बटन रेंडरिंग विफल - html, css, facebook

क्रोम में फेसबुक लॉगिन (कनेक्ट) बटन रेंडरिंग फेल - html, css, facebook

आज मुझे एहसास हुआ कि एफबी लॉगिन बटन अब क्रोम में सही तरीके से प्रस्तुत नहीं होता है (शायद ब्राउज़र अपडेट के कारण - जो जानता है)। इस पर एक नजर डालिए http://goo.gl/mK6sf IE और Chrome दोनों में वेबसाइट। क्रोम में प्रत्येक बटन में कुछ अतिरिक्त "पैडिंग-टॉप" होता है और आईफ्रेम सही ढंग से छिपाया नहीं जाता है। यहाँ png पूर्वावलोकन है http://goo.gl/sfUl5

संपादित करें कैसे IE में सही ढंग से प्रस्तुत करने के लिए एफबी लॉगिन बटन बनाने के लिए? क्या आप अन्य वेबसाइटों पर समान मुद्दा देखते हैं? क्या फेसबुक ने कुछ बदला है या यह क्रोम को दोष देने के लिए है?

EDIT2 2013-01-16 इस धागे पर एक नज़र डालें: https://developers.facebook.com/bugs/592452207446912 यह शायद फेसबुक एपीआई त्रुटि है। जब वे इसे ठीक करेंगे तो मैं एक प्रतिक्रिया पोस्ट करूंगा।

उत्तर:

उत्तर № 1 के लिए 1

फेसबुक डेवलपर के मंच से मैट बोवर का धन्यवाद अस्थायी समाधान है:

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

मैं अभी भी इस समस्या को ठीक करने के लिए फेसबुक डेवलपर्स का इंतजार करता हूं।


उत्तर № 2 के लिए -1

आप "iframe में लॉगिन प्लगइन का उपयोग नहीं कर सकते। कृपया जावास्क्रिप्ट SDK और XFBML या HTML5 कार्यान्वयन का उपयोग करें। इस कोड को आज़माएं:

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