PDA

View Full Version : Issue with positioning iframes over JPG images



mikedcmdva
05 Jan 2010, 10:17 AM
Hello all!

I am having major issues with placing iframes over jpg images.

Here is a screen capture of my project:

http://i48.tinypic.com/vr5381.png

The Content under the Mixes and Video sections are both iframes I positioned over the jpg image (the entire thing is an image) with div tags.

The code for this page is below:

<html>
<head>
<title>Media Test</title>
<body bgcolor=black>
</head>
<center>
<div style="position: absolute; left: 228px; top: 290px;">
<iframe src="Media-Audio.html" width="396" height="529" frameborder="0"></iframe></div>
<div style="position: absolute; left: 671px; top: 290px;">
<iframe src="Media-Video.html" width="359" height="529" frameborder="0"></iframe></div>

<img src="Main-Media.jpg">
</html>

On my browser at work it shows up somewhat decent (screenshot), but on other machines, such as at home, they are way out of alignment.

I have tried absolute positioning, relative, fixed, nothing seems to change a thing.

How do you get iframes to all show up in alignment regardless of which browser you are using?

I have been struggling with this for two weeks, but no luck.

Please help! Thank you very much!