Databases
StackOverflow2013
Postsdbo
POHow to avoid facebook like button iframe to get over next to it other buttons?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to avoid facebook like button iframe to get over next to it other buttons?
    primarykey
    data
    text
    <p>So, I want to set next to each other a <a href="https://developers.facebook.com/docs/reference/plugins/like/" rel="nofollow">Facebook like button</a>(html5) and a Twitter tweet button.</p> <p>Everything is set here: <a href="http://jsfiddle.net/tGujU/" rel="nofollow">http://jsfiddle.net/tGujU/</a></p> <p>I have one big problem when I click on the facebook like button.<br> Because it will show the comment pop-up (which I want to see poping-up), the facebook iframe get then <em>resized to 450px</em>. Once the pop-up disappears, the <em>iframe is not resized to small dimension</em> ! I set the design so no big space is created between the two buttons.</p> <p>But the problem is then, once you click on the facebook like button, you cannot click on the tweet button anymore because the wide facebook iframe is covering it.</p> <p><strong>What I tried:</strong> </p> <ul> <li>Use <code>overflow:hidden</code> on the <code>div#facebook_button</code> but then, I don't get to see the comment pop-up. => NG.</li> <li>Change the iframe z-index to got the twitter iframe on the top => Did not work.</li> <li>Add a listener on the FB iframe to try setting <code>overflow:hidden</code> at the right time and remove it when needed but could not find a way to listen to its changes.</li> </ul> <p><strong>What I want to do:</strong></p> <ul> <li>Keep providers in this order and not put Facebook on the right.</li> <li>See the FB comment pop-up once like button is clicked.</li> <li>Being able to click the tweet button after I click th FB button.</li> <li>Having it supported in IE8+, FF4+ and Chrome.</li> </ul> <p>Any help is welcome.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USoldergod
    1. USoldergod
    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. POHow to avoid facebook like button iframe to get over next to it other buttons?
      1. USoldergod
      1. VTBountyStart
    2. VO
      singulars
      1. POHow to avoid facebook like button iframe to get over next to it other buttons?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to avoid facebook like button iframe to get over next to it other buttons?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

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