Forum Moderators: not2easy
position: relative; on it (no co-ordinates or fixing is necessary).. this is so the iframe will know to base it's position from it - Then Absolutely Position the iframe inside the div top 50% and left 50% (to find the center) then negative margin the iframe half it's width and height to move it back up and out from the center. <div>
<iframe>
</div>
CSS:html, body {margin: 0; padding: 0; height: 100%;}
div {
height: 100%;
position: relative;
background: #000 url(yourlargeimage.gif) no-repeat 50% 50%;
}
iframe {
width: 300px;
height: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -150px;
}