/    Sign up×
Community /Pin to ProfileBookmark

Positioning an iFrame with CSS

Copy linkTweet thisAlerts:
Mar 27.2006

Hi
I have this site,[url]http://www.loddonexplorers.co.uk/Erik/[/url] (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!

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@deweydesignsMar 27.2006 — <i>
</i>&lt;html&gt;&lt;head&gt;&lt;title&gt;EriksPlates&lt;/title&gt;


&lt;style type="text/css" rel="stylesheet"&gt;

#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;
}

&lt;/style&gt;&lt;/head&gt;&lt;body&gt;

&lt;div id="container"&gt;

&lt;div id="banner"&gt;&lt;img src="Banner.jpg" alt="banner" /&gt;&lt;/div&gt;
&lt;div id="nav"&gt;&lt;img src="Nav.jpg" alt="nav" /&gt;&lt;/div&gt;
&lt;div id="iframe"&gt;&lt;iframe src="test.htm"&gt;Your browser does not support iFrames. Please update your browser.&lt;/iframe&gt;&lt;/div&gt;

&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;
×

Success!

Help @scottyrob spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...