Please support our HTML and CSS advertiser: Lunarpages Web Hosting
•
•
Join Date: Jan 2008
Posts: 4
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
Hello,
I have a simple page that consists of an image, some map hotspots, and an iframe that displays content when the hotspots are clicked:
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?
Thanks
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 <area...target="iFrame"> tags ... <iframe id="iFrame" src="home.htm">No iframe support!</iframe> </div>
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?
Thanks
Other Threads in the HTML and CSS Forum
- Previous Thread: HTML code in accessing webpage via mobile phone
- Next Thread: new web builder problem with links in IE
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Threaded Mode