So, I've been trying so many examples I've seen from google and checked several different sites and I cannot figure out for the life of me how to get the third iframe to align on the bottom of the page. On my screen its fine but on my buddy's, the bottom of the frame is 2 inches up from the bottom with the background from the homepage filling up the empty space.
You can see it for yourself http://hurtssogood.i.topcities.com
]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta name="description" content="Hurts So Good Tattoo Located in Vancouver, WA">
<meta name="keywords" content="Hurts So Good Tattoo Vancouver WA">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker">
</head>
<body background="images/davecardred.jpg">
<div id="iFrame2" style="position:absolute; left:0px; top:137px; z-index:0">
<iframe name="iFrame2" width="1280" height="425" src="frame2.html" scrolling="yes" frameborder="1"></iframe>
</div>
<div id="iFrame1" style="position:absolute; left:0px; top:1px; z-index:1">
<iframe name="iFrame1" width="1280" height="137" src="frame1.html" scrolling="no" frameborder="1"></iframe>
</div>
<div id="iFrame3" style="position:absolute; left:0px; top:531px; z-index:2">
<iframe name="iFrame3" width="1280" height="100" src="frame3.html" scrolling="no" frameborder="1"></iframe>
</div>
</body>
</html>
Please help, I've been going at this for hours and don't think I can stare at this monitor anymore.
Thanks.