|
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
}
Navigation:
[Reply to this message]
|