On 7/9/06, Tammy Grossbauer <[EMAIL PROTECTED]> wrote:
> I'm trying to make a column background color go all the way to the footer
> without content filling the div.
> This is the solution I have found multiple times on the internet:
>
> background: #003399 url(images/blue.jpg) repeat-y;
>
> Now this should be working, but isn't. I've tried it inside of a float and
> an absolute positioned div. I've tried a square 5x5 pixel image and one that
> is the width of the column (159px). The image doesn't seem to want to go to
> the bottom.
> Does anyone know what is wrong with this or maybe have a different solution?
I think the problem with your code is that you have applied that to
the DIV that you want the background to fill. What you want to do is
apply that to the #container DIV, and then make sure it aligns with
the column that you want it to.
e.g.
The HTML:
<div id="container">
<div id="left">
...
</div>
<div id="right">
...
</div>
</div>
And then, the CSS:
#container { width: 500px; background: url(/images/blue.gif) right top
repeat-y; }
#left { width: 350px; float: left; }
#right { width: 150px; float: left; }
I hope that solves the problem.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
