Keep iFrame positioned inside centered <div>?

Discussion in 'HTML and CSS' started by welshbaloney, Jan 12, 2008.

  1. welshbaloney


    Jan 12, 2008
    Likes Received:
    I have a simple page that consists of an image, some map hotspots, and an iframe that displays content when the hotspots are clicked:

    <div id="wrapper">
    <img src="blah.gif" />
    some <"iFrame"> tags
    <iframe id="iFrame" src="home.htm">No iframe support!</iframe>

    With the wrapper naturally aligning to the top/left of the browser window, the iFrame is aligned correctly in relation to this.

    However, I want to center the image on the web page. When I align="center" the wrapper div, the iFrame stays where it is - misaligned.

    When the browser page is adjusted and the wrapper div centers in the new browser window, how can I ensure that the iFrame position adjusts to maintain its position relative to the wrapper?

    welshbaloney, Jan 12, 2008
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.