Hey all I'm trying to make a website layout that has a container div floated to the right side.. with some minor padding of course for cleaner look. Within that container div I would like to have 4 small div's close to each of the 4 corners of the container. However I've been having quite a few problems trying to do this...
Code in HTML file:
<div id='rightContainer'>
<div id='poster2'></div>
<div id='poster3'></div>
</div>
<div id='poster1'></div>
Heres the CSS sheet:
#poster1{
height:366px;
width:592px;
margin-left:19px;
background-color:black;
}
#rightContainer{
float:right;
margin-right:425px;
height:366px;
overflow:hidden;
position:relative;
}
#poster2{
height:171px;
width:205px;
background-color:black;
margin-left:23px;
margin-bottom:23px;
}
#poster3{
height:171px;
width:205px;
background-color:black;
margin-left:23px;
}
#poster4{
height:171px;
width:205px;
background-color:red;
position:relative;
float:right;
}
Thanks all!