क्षैतिज स्क्रॉलबार के कारण फेसबुक की तरह फेसबुक

मैंने हाल ही में अपनी साइट पर एक बटन जैसे बटन जोड़ा है और इसकी आवश्यकता होने पर क्षैतिज स्क्रॉलबार दिखाई दे रहा है। यह क्रोम में दिखाई नहीं देता है लेकिन फ़ायरफ़ॉक्स और आईई में है।क्षैतिज स्क्रॉलबार के कारण फेसबुक की तरह फेसबुक

मैंने फ़ायरबग में बनाए गए कोड की जांच की है और यह नहीं देख सकता कि क्या गलत हो रहा है। http://www.swiftfurniture.com/

आप देख सकते हैं, Firefox और IE (संभवतः अन्य ब्राउज़रों भी) पर वहाँ एक क्षैतिज स्क्रॉलबार यह आवश्यक नहीं है है,:

यहाँ साइट के लिए लिंक ताकि आप देख सकते हैं। यह निश्चित रूप से फेसबुक की तरह बटन है, क्योंकि जब मैं इसे टिप्पणी करता हूं, तो वे गायब हो जाते हैं।

मैंने ओवरफ्लो के साथ बटन के चारों ओर एक निश्चित चौड़ाई div जोड़ा है: छुपा हुआ लागू है, लेकिन ऐसा लगता है कि यह अनदेखा करता है।

मुझे पता है कि इस तरह के कई अन्य प्रश्न हैं, लेकिन PrestaShop का उपयोग करने के साथ मैं वास्तव में कोर कोड के साथ गड़बड़ नहीं करना चाहता हूं, बस एक फेसबुक की तरह काम करने के लिए बटन (यदि संभव हो तो)। मैं अपने द्वारा बनाए गए "सोशल मॉड्यूल" में मौजूद सभी कोड को रखने के लिए एक समाधान की उम्मीद कर रहा था ... i.e - PrestaShop के शीर्षलेख फ़ाइलों आदि के साथ गड़बड़ करने की बजाय केवल एक फ़ाइल।

स्रोत

2012-03-21 BT643

मैं अपनी समस्या में Firebug के साथ एक सा देखा है और कुछ टिप्पणियों हो सकता है कि साझा कर सकते हैं उपयोगी।

कोड है जो आपके <div id="fb-root"></div> में इंजेक्शन दिया जा रहा है और इसके भीतर 575px की इनलाइन शैली चौड़ाई वाला एक आईफ्रेम है।

यही स्क्रॉलबार का कारण बन रहा है।

स्रोत

2012-03-21 17:19:36 redlena

पता नहीं कि मुझे यह कैसे याद आया, मुझे पता था कि इसे कुछ व्यापक बनाना चाहिए लेकिन इसे खोज नहीं सका। रवींद्र! मैंने जोड़ा: '.FB_UI_Hidden { \t चौड़ाई: 100px! महत्वपूर्ण; } 'एक सीएसएस शैली के रूप में और यह मुद्दा तय किया। धन्यवाद – BT643

मुझे एक ही समस्या थी ... कोड में चौड़ाई है (मुझे लगता है कि डिफ़ॉल्ट 450 है)। यदि आप इसे 150 की तरह बदलते हैं, तो मुझे लगता है कि आप अच्छे आकार में होंगे। बेशक, यह फेसबुक प्लगइन पर आपके द्वारा चुने गए वरीयताओं पर निर्भर करता है।

शुभकामनाएं, उम्मीद है कि मदद करता है। बस के बाद

स्रोत

2012-03-21 17:14:24 NotJay

एक DIV है

<div id="fb-root" class=" fb_reset"> 

<div style="position: absolute; top: -10000px; height: 0pt; width: 0pt;">

निकालें स्थिति पूर्ण इस से और कहा कि क्षैतिज स्क्रॉल गायब हो जाते हैं कि उसके बाद यह कुछ

Given URL is not permitted by the application configuration.

कह तो या तो बस हटाने सामग्री दिखाएगा होगा यह डीआईवी या लागू

display:none; यह पूरी तरह से काम करने के लिए

इस स्क्रीनशॉट

enter image description here

समस्या हो रही देख एक क्षैतिज स्क्रॉल
समाधान होने देखें कोई क्षैतिज स्क्रॉल लेकिन सर्कल में अवांछित सामग्री है है देखें।
इस div करने के लिए या इस निकाल कर display none; लागू करने कोड से पूरी तरह से div, समाधान के लिए आप का नेतृत्व करेंगे

स्रोत

2012-03-21 17:17:47 Jack

मैं उस कोड को तब तक नहीं बदल सकता जब तक मुझे पता है? यह फेसबुक द्वारा इंजेक्शन दिया गया है। – BT643

आपके पृष्ठ में मार्क-अप फेसबुक सम्मिलित करने के लिए उत्तरदायी है ताकि आप उस समाधान का उपयोग करना चाहें जो उस पर निर्भर नहीं है।

आप अपने शरीर तत्व

<body> 
    <div id="fb-root"></div>

स्क्रिप्ट टैग और अमेरिकन प्लान की तरह div के पहले बच्चे के रूप में अमेरिकन प्लान-रूट div रखकर उनके मूल स्थान में रह सकते हैं इस समस्या का समाधान कर सकते हैं।

रेफरी: Facebook documentation और bug report

स्रोत

2012-04-17 07:21:38 scarba05

मेरे पास पहले बच्चे div के रूप में '# fb-root' है, और मुझे अभी भी समस्या दिखाई दे रही है। – emptywalls

आप "अमेरिकन प्लान की तरह" विशेषता डेटा-चौड़ाई = "100px"

स्रोत

2014-02-12 10:29:48 user2722034

यह सही समाधान था। लोडिंग के दौरान विजेट की तरह मेरी बड़ी चौड़ाई तक कूद नहीं आता है। –

इस पृष्ठ पर सूचीबद्ध विभिन्न समाधानों में से, यह एकमात्र ऐसा था जो वास्तव में मेरे लिए काम करता था। एफबी बटन लोड होने पर लक्षण क्षैतिज स्क्रॉलबार चमक था (और फिर गायब हो जाता है)। – medmunds

जवाब में से कोई भी यहाँ मेरे लिए काम किया को जोड़ सकते हैं तो मैं इसे अपने आप की कोशिश की।

रखें अपनी साइट सिर में सीएसएस निम्नलिखित:

#fb-like-wrapper iframe { 
    width:100px!important 
}

रखें निम्न HTML जहाँ आप अपने तरह बटन दिखाना चाहते हैं:

<div id="fb-like-wrapper"> 
    <div id="fb-root"></div> 
    <div class="fb-like" data-href="http://www.facebook.com/yourAwesomesSite" 
    data-layout="button_count" data-action="like" 
    data-show-faces="false" data-share="false"></div 
</div>

ये लीजिए :)

मैं एक समाधान नहीं मिला

स्रोत

2014-02-16 00:11:10 Karl

इसे अपने सीएसएस

.fb-like{height:20px}

में जोड़ें

जोड़ें

<div class="fb-like" data-width="124px" data-height="20px"></div>

यह भी अगर यह आवश्यक नहीं है प्रदर्शित होने से खड़ी स्क्रॉलबार रोकता करने के लिए डेटा-चौड़ाई और डेटा-ऊंचाई जिम्मेदार बताते हैं।

स्रोत

2014-07-06 17:01:12

क्षैतिज स्क्रॉलबार के कारण फेसबुक की तरह फेसबुक

उत्तर

संबंधित मुद्दे