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!
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!