View previous topic :: View next topic |
Author |
Message |
roger_rustin
Joined: 14 Dec 2004 Posts: 10
|
Posted: Sun Jan 09, 2005 1:41 am Post subject: How to change background color for the right hand side panel |
|
|
How do I get the white background for the right hand side planel similar to the background of the left hand side. I tried customizing CSS but no success.
http://weblog. neeraj.name/blog
thanks. |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Sun Jan 09, 2005 12:19 pm Post subject: Re: How to change background color for the right hand side p |
|
|
Try this and let us know if it does the job:
Code: | table.columns td.right {
background-color: #fff;
} |
|
|
Back to top |
|
|
roger_rustin
Joined: 14 Dec 2004 Posts: 10
|
Posted: Sun Jan 09, 2005 7:58 pm Post subject: |
|
|
That worked.
Follow up question.
I want to reduce the width of the middle column. I tried following settings but it didn't work.
table.columns td.center {
height: 100%;
min-width: 40%;
width: 200px; //reduced from 340 px
}
table.columns td.right {
background-color: #fff;
width: 15%; //want to limit the width of right column to 15%
height: 100%;
} |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Mon Jan 10, 2005 9:53 am Post subject: |
|
|
I tried using just this:
Code: | table.columns td.right, table.columns td.left {
width: 30%;
} |
and it expanded the sidebars... |
|
Back to top |
|
|
roger_rustin
Joined: 14 Dec 2004 Posts: 10
|
Posted: Mon Jan 10, 2005 5:50 pm Post subject: |
|
|
I'm trying to remove the horizonal scroll bar I'm getting at the bottom for 1024X768 screen size.
I am trying to have the width on both right side and the left size of 15% (you showed me how to do that)
and the rest should be allocated to the middle column such that no horizonal scroll bar appears for 1024X768 screen size.
Thank you. |
|
Back to top |
|
|
john Site Admin
Joined: 16 Mar 2004 Posts: 3434
|
Posted: Mon Jan 10, 2005 6:11 pm Post subject: |
|
|
I don't think that's an issue with your CSS or blog layout, look at any individual article and you'll see that individually they look fine.
Seems like you have one article here:
http://weblog.neeraj.name/blog/Technology/_archives/2005/1/3/223225.html
which has some html with long strings containing non-breaking spaces ( ) which cause the excessively long lines, forcing the column to be much wider than it should be. If you edit that article to remove the non-breaking spaces, or exchange them for some plain old spaces, your layout will look fine. |
|
Back to top |
|
|
Guest
|
Posted: Tue Jan 11, 2005 4:29 pm Post subject: |
|
|
Thanks that worked.
To my utter surprise I found that my site looks all messed up on IE6.0 SP1. This is the first time I used IE in three months so I'm not sure if I screwed up something. Help is appreciated.
thanks. |
|
Back to top |
|
|
Guest
|
Posted: Tue Jan 11, 2005 10:21 pm Post subject: |
|
|
Nevermind. I had goofed up the CSS. It's all good now. Thanks for all your support. |
|
Back to top |
|
|
Search all BlogHarbor support resources.
|
View previous topic :: View next topic |
|