View Single Post
  #4 (permalink)  
Old May 24th, 2007, 13:04
christoefar christoefar is offline
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>
Reply With Quote