Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
06-23-2010, 04:48 PM #1
- Join Date
- Jun 2010
- Thanked 0 Times in 0 Posts
CSS iframe positioning (Facebook Like Box)
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&width=250&connections=5&stream=true&header=true&heig ht=482"></iframe>
Help will be greatly appreciated!