iFrames positioned outside of li tags

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
HiddenS3crets
Forum Contributor
Posts: 119
Joined: Fri Apr 22, 2005 12:23 pm
Location: USA

iFrames positioned outside of li tags

Post 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?
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: iFrames positioned outside of li tags

Post by kaszu »

This must be CSS issue, please post your CSS.
HiddenS3crets
Forum Contributor
Posts: 119
Joined: Fri Apr 22, 2005 12:23 pm
Location: USA

Re: iFrames positioned outside of li tags

Post 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.
gratefulhokie
Forum Newbie
Posts: 1
Joined: Wed Feb 03, 2010 1:07 pm

Re: iFrames positioned outside of li tags

Post 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?
Post Reply