Posted by Chris on 08/09/06 22:33

I am trying to create a stetchy footer with a image aligned to the right. I
have enclosed two div within a container div which is 100% wide. I want to
make the inner left div have a border which stretches 100% minus the 183px
of the image in the right floated div. When I try to use the margin-right
property on the left div it doesn't do anything it still stretches to 100%.
Can anyone tell where I am going wrong?


<div id="contentfooter">

<div id="contentfooterright"><img src="footer/images/contentbottomlogo.gif"
alt="Test" /></div>
<div id="contentfooterleft"></div>
</div>


#contentfooter
{

clear:both;
width:100%;

height:55px;

}
#contentfooterleft
{
border-left-width: 1px;
border-left-color: #669900;
border-left-style: solid;
height:55px;
border-bottom-width: 1px;
border-bottom-color: #669900;
border-bottom-style: solid;
margin-right:183px;
width:100%;
}

#contentfooterright
{
float:right

}

[Back to original message]