[Plugin: Simple Facebook Connect] iframe's position:absolute throws box out div
Good day; I have installed and configured SFC in order to use the fan box on a site. I’ve used the widget in a column (33.3% width and floated right) (the site is rtl).
It looks good on FF, Opera, Chrome. Haven’t tested on Windows or IE… yet.
I have a problem with Safari:
The FB fan box is outside the column. With the developer tools, I narrowed it down to the iframe. The iframe gets a position: absolute, as far as I know, directly from Facebook. I didn’t see no way to modify this from Otto’s plugin files, nor override it with my css files.
Deselecting the position: absolute from Safari’s Web inspector tools puts the fan box back into place.
I tried adding position: relative to elements preceding the faceboox fan box without any luck.
I am considering finding a way to conditionally change the iframe’s positioning only for Safari with JS; but I am not sure this is the best solution, I might simply have a conflicting style somewhere above the fan box.
Has this behavior happened to anyone?
The site (still in beta) is civichub.net.
Any direction would be appreciated.
- The topic ‘[Plugin: Simple Facebook Connect] iframe's position:absolute throws box out div’ is closed to new replies.