Can't align iframe in CSS

  • Resolved channingc

    (@channingc)


    11 years, 6 months ago

    I’m currently building a site, and I’m trying to align an iframe to the right with text to the left. Seems super simple. I’ve done it before numerous times, but something in the css isn’t allowing it to happen. I’ve tried inserting code, taking away code. Can’t figure it out.

    Here’s the link to the page.

    http://channingederoche.com/milano/?page_id=28

    Any help would be wonderful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 9055193

    (@anonymized-9055193)

    11 years, 6 months ago

    Hmm…

    Try replacing the span around the iframe with a div element. So, inside your “content” div you should have 2 div stacks.

    1. content-container
    2. content-iframe

    Something like this:

    <div class="content">
<div class="content-container">CONTENT</div>
<div class="content-iframe">IFRAME</div>
</div>

    And with your CSS, try floating the “content-iframe” div to the right.

    div.content-iframe { float:right; }

    A quickie with Inspect Element. Not thoroughly tested.

    Thread Starter channingc

    (@channingc)

    11 years, 6 months ago

    Thank you so much. It seems to have fixed it (enough for me anyway)

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Can't align iframe in CSS’ is closed to new replies.