Positioning an iFrame with CSS

L

liunx

Guest
Hi
I have this site,http://www.loddonexplorers.co.uk/Erik/ (Never mind about the name lol, that was only a quick mock-up). How would i go about positioning my iframe so that it is underneath the title and next to the nav-bar? And is the CSS coding correct for positiong my images?

Thanks!<html><head><title>EriksPlates</title>


<style type="text/css" rel="stylesheet">

#container {
width: 540px;
margin: 0 auto;
}

#banner {
position: absolute; top: 0px; left: 160px;
width: 500px; height: 93px;
margin: 0px; padding: 0px;
}

#nav{
position: absolute; top: 93px; left: 0px;
width: 181px; height: 519px;
margin: 0px; padding: 0px;
}

#iframe {
position: absolute; top: 93px; left: 181px;
}

</style></head><body>

<div id="container">

<div id="banner"><img src=http://www.webdeveloper.com/forum/archive/index.php/"Banner.jpg" alt="banner" /></div>
<div id="nav"><img src=http://www.webdeveloper.com/forum/archive/index.php/"Nav.jpg" alt="nav" /></div>
<div id="iframe"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"test.htm">Your browser does not support iFrames. Please update your browser.</iframe></div>

</div></body></html>
 
You must log in or register to reply here.
Back
Top