So far I did what you said and have only gotten 1 column to work. I have
tried many different things but nothing has worked. I did figure out why it
wasn't calling the gif in the first place as I had made an error in the
code. Once I fixed it, it started to work. But I can get the right side to
go if I put that in again or have it repeat-y both. Here is the section of
the code that I've been working in.
#content_box {background:#fff url('images/faux.gif') repeat-y left; width:
970px; text-align: left; float: left; clear: both; }
#content { width: 510px; padding: 0 0 0 10px; float: left;
}
#sidebar { background:#f2f2f2; width: 210px; padding: 0 0 0
10px; float: right; }
#l_sidebar { background:#f2f2f2; width: 210px; padding: 0 0
0 10px; float: left; }
#footer { background:#00005f; width: 970px; padding: 1.2em 0 0 0;
border-top: 2px solid #ccc; float: center; clear: both; }
Thanks for your quick reply yesterday.
Ian
From: Rafael [mailto:[EMAIL PROTECTED]
Sent: Sunday, October 21, 2007 11:31 PM
To: Ian Bethune
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Adding a faux column on my blog
Ian Bethune wrote:
I have added a background color to my sidebar on my blog Sox & Dawgs,
http://soxanddawgs.com
I would like the sidebar color to extend to the bottom of each page and not
lengthen it any more than the longest sidebar unless the content is that
long.
I have read the how to create a faux column with css but have not had any
success. So I turn here for help.
Any help anyone can give me would be greatly appreciated. Thank you very
much for your time.
I haven't seen the CSS (was too long), but the effect you want can be
achieved by adding the image with the "faux" columns to #content_box, that
way whatever content is the longest it will affect the three "columns".
Hope this helps.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
