View Full Version : CSS iframe positioning (Facebook Like Box)

06-23-2010, 04:48 PM
Hi there,

I need some help with positioning an iFrame via CSS so that it stays permanently in one place (anchored). It is for the Like Box social plugin by Facebook: developers.facebook.com/docs/reference/plugins/like-box

see the test page link: http://alturl.com/9zuf

The iFrame position should be permanently fixed on the right side of the site - currently, the iFrame moves around when the browser window is resized - I also need the browser window to show the scroll bar at the bottom (if the site and iFrame doesn't fit in the width of the browser).

See the code I'm currently using:

<iframe scrolling="no" frameborder="0" allowtransparency="false" style="border: medium none; overflow: hidden; height: 482px; background-color: rgb(255, 255, 255); top: 94px; width: 210px; position: fixed; left: 902px; right: 1px;" src="http://www.facebook.com/plugins/likebox.php?id=111544920248&amp;width=250&amp;connections=5&amp;stream=true&amp;header=true&amp;height=482"></iframe>

Help will be greatly appreciated!