Advanced Iframe pushes text to left

  • Resolved barryglick

    (@barryglick)


    11 years, 1 month ago

    I am having a curious result with Advanced Iframe. I have relatively positioned two iframes from different sites side by side. The positioning works fine, but the heading and paragraph below are squeezed over to the left as if the iframe were floated right an the text wrapped to the left. It’s easier to see if you just go to the page, which is here:

    https://techno-french.com/french-news-room

    <h2 style=”position: relative; right: -90px;”>RFI Player</h2>
    <h2 style=”position: relative; left: 450px; top: -58px;”>Text of Journal en Fran?ais Facile</h2>
    <div class=”aborder” style=”width: 301px; margin: 3em 0 3em 0; position: relative; top: -75px;”>

    [advanced_iframe securitykey=”94ea94e63cf57ce88f71f322f69f449d377947cb” use_shortcode_attributes_only=”true” src=”https://www.rfi.fr/aef_player_popup/rfi_player&#8221; id=”news2″ height=”1000″ width=”680″ show_part_of_iframe=”true” show_part_of_iframe_x=”8″ show_part_of_iframe_y=”8″ show_part_of_iframe_width=”301″ show_part_of_iframe_height=”422″]

    </div>
    <div class=”aborder” style=”width: 443px; margin: 3em 0 0 3em; float: right; position: relative; top: -613px;”>

    [advanced_iframe securitykey=”94ea94e63cf57ce88f71f322f69f449d377947cb” use_shortcode_attributes_only=”true” src=”https://www.rfi.fr/lffr/articles/001/script_journal_francais_facile.asp&#8221; id=”news3″ height=”3500″ width=”680″ show_part_of_iframe=”true” show_part_of_iframe_x=”155″ show_part_of_iframe_y=”259″ show_part_of_iframe_width=”443″ show_part_of_iframe_height=”422″ show_part_of_iframe_allow_scrollbar_vertical=”true”]

    </div>

    Heading (these are pushed over to the right.

    Text

    I’ve tried using negative margins and decreasing the height of the iframe, but neither works. Perhaps I am not supposed to be able to position the iframe?

    Help please.

    Barry

    https://www.ads-software.com/plugins/advanced-iframe/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter barryglick

    (@barryglick)

    I also tried a clear:both, which pushed the heading and text down so it filled the entire screen, but it pushed it WAY down, to far down to be usable. Any help would be appreciated. Thanks!

    Barry

    Plugin Author mdempfle

    (@mdempfle)

    Hi, this has nothing to do with the iframes directly. The divs you place around the are not defined well. Make a div and place the 2 iframe divs inside there. something like top:-613 is not good.
    You need to understand how float does work.

    Best, Michael

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Advanced Iframe pushes text to left’ is closed to new replies.