Home/ Questions/Q 8380013
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T16:20:45+00:00

I have placed an AP Div on my page that holds an iframe. I

  • 0

I have placed an AP Div on my page that holds an iframe. I used position: relative so that the AP Div would not move with the image behind it. Once I added the AP Div with the css property Position: Relative it stays exactly where I want it , however it pushed the image further down. i need the main image to be aligned to top. If you look at the other pages you will see how they are all aligned at top. Is there a solution for this? I am not a css expert so I would be very appreciative of any help given. thanks!

my link is:

http://www.mylittleovertures.com/continue.html

thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The basic problem is that div and iframe are block elements on the same level. Setting the iframe positioning to relative doesn’t help. Instead, you should wrap image and iframe into a container DIV, set this DIV to position:relative and then absolutely position the iframe on that DIV. You could even drop the extra img tag and set the image as the background of the container DIV. You could also get of the <center> by setting the container DIV’s margin to 0 auto

    Here’s an example: http://jsfiddle.net/99wCg/3/

    • 0