Databases
StackOverflow2013
Postsdbo
POLike Button Width Not Working - Causes Browser Horizontal Scrolling
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
    primarykey
    data
    text
    <p>I have two instances of where the Like Button is not "listening" to the width I specify in the XFBML code.</p> <p>It LOOKS fine, but something is mysteriously causing the like button to be extra wide and force the browser to do horizontal page scrolling even though the entire like button is within the page.</p> <p>Example: [EXAMPLE REMOVED] - see the sidebar. I have to set the entire BODY to ignore overflow-x. If not, the like button causes a ton of extra pixels out there (but I can't see them with Firebug). I know this is the problem because if I remove it, then it looks fine.</p> <p>Example 2: <a href="http://i.imgur.com/Ve7os.png" rel="nofollow">Screenshot of Example</a> - In the header, I had to move the margin over so far to the left, and I wanted it to be in the top-right corner. Play with the CSS for fbheader in firebug and you'll see.</p> <p>The code I'm using there:</p> <pre><code>&lt;div class="fbheader"&gt; &lt;div id="fb-root"&gt;&lt;/div&gt; &lt;script&gt; window.fbAsyncInit = function() { FB.init({appId: 'your app id', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </code></pre> <p></p> <pre><code> &lt;fb:like href="http://www.example.com" send="true" width="300" show_faces="false" font="arial" colorscheme="dark"&gt;&lt;/fb:like&gt; &lt;/div&gt; &lt;!--// End fbheader --&gt; </code></pre> <p>Any ideas why this is happening?? Can anyone help? It seems like a bug with the XFBML.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USBerto
    1. USBerto
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
      1. This table or related slice is empty.
      1. VTModeratorReview
    2. VO
      singulars
      1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
      1. This table or related slice is empty.
      1. VTModeratorReview
    3. VO
      singulars
      1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
      1. This table or related slice is empty.
      1. VTModeratorReview
    1. COCan you show us screenshot of your problem?
      singulars
      1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
      1. USgenesis
    2. COSorry, linking to <strike>spammy</strike> external websites isn't allowed. You can represent your issue with images or create a prototype that demonstrates your issues.
      singulars
      1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
      1. USWill
    3. COOK, now I'm having the problem again. I started using Asynch code and am calling it only in the header. This is very intermittent which is causing problems for me. Here is a non-spammy screenshot. [non-spammy-screenshot](http://i.imgur.com/Ve7os.png)
      singulars
      1. POLike Button Width Not Working - Causes Browser Horizontal Scrolling
      1. USBerto
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload