WordPress.org

Ready to get started?Download WordPress

Forums

<iframe> kills the sidebar (5 posts)

  1. alatown
    Member
    Posted 7 years ago #

    I'm trying to insert a dynamically generated flash movie .swf into my post (its a flickr slideshow to be precise). I can do this, but it makes my sidebar and all subsequent posts disappear! I'm pretty sure that it is because I am embedding the swf with a <iframe></iframe> tag. I have tried using different WP themes but to no avail.

    The flickr slideshow insertion method is described here:

    http://paulstamatiou.com/2005/11/19/how-to-quickie-embedded-flickr-slideshows/

    So my question is:

    a.) is there an alternate way to embed the flash that doesn't use <iframe> whilst not looking silly or being really difficult?

    -or-

    b.) is there a way to solve the <iframe> tag problem in WordPress?

  2. yosemite
    Member
    Posted 7 years ago #

    a) Yes, if the size doesn't blow out assigned widths. Do a search for flash here, or google 'wordpress flash'

    b) Used correctly, iframe works. This one's a short in the headphones...

  3. alatown
    Member
    Posted 7 years ago #

    a) which size is getting blown out? - is it one of these style in my style.css:

    #page {
    background: white;
    text-align: left;
    margin: 0 auto;
    padding: 20px 0 10px;
    position: relative;
    /* The entire template's width is set in this class. */
    width: 800px;
    _width: 760px;
    border: 1px solid #ddd;
    border-top: none;
    }

    body.flex #page { /* For the flexible-width setting. Not IE compatible */
    width: 80%;
    min-width: 780px;
    max-width: 1000px;

    I belive my flash movie is 500 pix wide:

    <iframe align=center src=http://www.flickr.com/slideShow/index.gne?user_id=25518764@N00&set_id=72157594205900076 frameBorder=0 width=500 scrolling=no height=500></iframe>

    b) What constitutes using iframe correctly? Is this the size issue. Also, 'this one's a short in the headphones...' - something missing?

  4. yosemite
    Member
    Posted 7 years ago #

    Post a link, the css above is whacky, but out of context too.

    b) means a misunderstanding, old HAM radio talk.
    http://www.w3schools.com/tags/tag_iframe.asp (iframes is dropped in future xhtml, BTW, gone in 1.1).

  5. PaulStamatiou
    Member
    Posted 7 years ago #

    alatown, what is the width of your primary column? Subtract left+right padding from that. If it is less than 500, the flash embed will break your design.

    edit: I just went to your site alatown and it seems as though your primary column is very close to, if not 500px wide (just eyeballing it). Try decreasing the padding on both sides of the .primary by 1px each. I think its just barely too tight, maybe loosening the padding would help.

Topic Closed

This topic has been closed to new replies.

About this Topic