Forums / Templates, Stylesheets, Page Layout / how to add line down right side of main content area?

how to add line down right side of main content area?

Locked

Started by littleturtlemama on 4 Jan 2008, 1:28 AM · Views: 2,371

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
4 Jan 2008, 1:28 AM
#1
littleturtlemama avatar

littleturtlemama

New Zenner

Join Date:
Mar 2007
Posts:
37
Plugin Contributions:
0

how to add line down right side of main content area?

I've finally gotten my site to look how I want, minus one part that I cannot seem to figure out. I want to have a border line along the right side of the main content box. I fyou look at the site: http://littleturtleknits.com/zencart/ I want the line to run from the bottom right corner of the brown area to the top right corner of the yellow footer area. Is there a way to do this? I've fiddled around with various border options I found searching here, but all of them put borders around the whole area, or the entire page.

4 Jan 2008, 2:01 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: how to add line down right side of main content area?

These will both do what you want in your case:

#contentMainWrapper {border-right: 1px solid #112233;}
#centerBackground {border-right: 1px solid #112233;}

This would normally do it, but your added #centerBackground div and the padding or margin at the bottom make it not quite reach:

.centerColumn {border-right: 1px solid #112233;}

4 Jan 2008, 2:15 AM
#3
littleturtlemama avatar

littleturtlemama

New Zenner

Join Date:
Mar 2007
Posts:
37
Plugin Contributions:
0

Re: how to add line down right side of main content area?

Fantastic! Thank you so much!

4 Jan 2008, 2:28 AM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: how to add line down right side of main content area?

Looks like it worked a little too well! ;)
I didn't mean for you to add borders to both .centerColumn and #centerBackground; one of them is enough, and .centerColumn doesn't reach all the way to the bottom.