Page 1 of 1

iFrames positioned outside of li tags

Posted: Wed Sep 30, 2009 10:02 am
by HiddenS3crets
I'm adding some share links to my site. The share buttons use javascript which then embeds an iframe to display the button code for the given site. I have it set up so each button sits inside of an <li> tag. The problem is that the ones with iframes do not sit inside the li tag, but above it instead

Image

The blue highlighted box represents the outline of the li tag; the iframe does not sit tidy in this box.

(the facebook share link does not use an iframe and stays confined to the li tag)

any ideas why the iframe buttons do not stay inside the li?

Re: iFrames positioned outside of li tags

Posted: Wed Sep 30, 2009 12:30 pm
by kaszu
This must be CSS issue, please post your CSS.

Re: iFrames positioned outside of li tags

Posted: Wed Sep 30, 2009 4:20 pm
by HiddenS3crets
well that's I thought too and I messed around with the CSS last night for 2 hours and i've worked on it today when i've had time; still no luck. it's not just <li> tags that it acts weird with though, because I tried replacing the list with <span> tags for each button and it laid itself out the same way.

Re: iFrames positioned outside of li tags

Posted: Wed Feb 03, 2010 1:08 pm
by gratefulhokie
I'm running into THIS exact issue.

No amount of toying around with the CSS in firebug or anything is helping.

Were u ever able to resolve this HiddenS3crets?