Css x-repeat

HTML & CSS
1

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>
2

fixed it
<div id=“back-filler”>
<div id=“back-logo”></div>
<div id=“back-outside”></div>
</div>

3

There may be better ways to do this, depending on what you are trying to achieve. You could put the two floated divs above the middle div and place left and right margins on the middle div to stop it hitting the floated ones.

4

Sounds like you could just use CSS3 with a 3-part background for the logo.