
May 24th, 2007, 13:04
|
|
Junior Member
|
|
Join Date: May 2007
Location: NW, UK
Age: 19
Posts: 14
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
|
Re: image positioning usind div container
I suggest this code:
- Code: Select all
<html>
<head>
<style type="text/css">
div.container { position:relative; height: 100%; width: 100%;}
#topleft { position:absolute; top:0; left:0; }
#topright { position:absolute; top:0; right:0; }
#bottomleft { position:absolute; bottom:0; left:0; }
#bottomright { position:absolute; bottom:0; right:0; }
</style>
</head>
<body>
<div class="container">
<div id="topleft"><img src="img1.gif"></div>
<div id="topright"><img src="img2.gif"></div>
<div id="bottomleft"><img src="img3.gif"></div>
<div id="bottomright"><img src="img4.gif"></div>
</div>
</body>
|