Hi sitepoint css fans
I have three divs the back-logo floats left of browser the back-outside floats right what I want to achieve is if the browser shrinks then the back-filler shrinks can this be done?
#back-logo{
float:left;
width:510px;
height:277px;
background:#000000 url(header.jpg) no-repeat;
}
#back-filler{
float:left;
width:65%;
height:277px;
background:#000000 url(filler.jpg) repeat;
}
#back-outside{
float:right;
width:145px;
height:277px;
background:#000000 url(outside.jpg) no-repeat;
}
div id="back-logo">
</div>
<div id="back-filler"></div>
<div id="back-outside"></div>