Page 1 of 1
Spacing on right side bar?
Posted: Wed Jun 07, 2006 1:56 am
by DMotel
How can I widen the right side bar and move it in from the right side a bit?
http://www.bernsteinmedical.com//blog/
Thanks!
Posted: Wed Jun 07, 2006 3:42 am
by carl_galloway
That looks like one of the mt3 templates with your colors instead of the default colors. If this is the case you will need to adjust the width of both #content and #serendipityRightSideBar in your stylesheet. The downside is that youre content will be narrower afterwards. Try making your content width 460px and the rightsidebar width about 170px then add some extra spacing to your right sidebar, using margin-right:5px;
Your code might end up looking like this;
Code: Select all
#content {
width: 460px;
color: #ffffff;
}
#serendipityRightSideBar {
width: 170px;
margin-right:5px;
padding: 10px;
background-color: #222;
vertical-align: top;
}
I hope that helps you,
Carl
Posted: Wed Jun 07, 2006 7:13 pm
by DMotel
That was very helpful, Thanks.
That DID make the side bar wider but unfortunately margin-right doesn't seem to have any effect on moving the side bar away from the edge on the right.
Could it be found somewhere else??
Posted: Wed Jun 07, 2006 7:53 pm
by d_cee
Hi
I think (if I understand correctly) that you need to replace the #mainpane section in your style.css file and replace it with
Code: Select all
#mainpane {
line-height: 140%;
text-align: left;
padding: 0px;
width: 701px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
margin: auto;
}
then (on my mac) everything looks fine
HTH
Dave
Posted: Wed Jun 07, 2006 7:55 pm
by DMotel
Hmmm nope. That did make the main pane flush with banner but I still have no whte margin at the right of the side bar.
Thanks.
Posted: Wed Jun 07, 2006 8:10 pm
by d_cee
Well then
how about this.
add
border: 8px solid white;
to
#serendipityRightSideBar
Dave
Posted: Wed Jun 07, 2006 8:25 pm
by judebert
Actually, the sidebar is contained in a <td> (thanks, SlayerOffice MODI!). That's screwing up all the CSS.
Padding still works, though (thannks, FireFox EditCSS extension!). Try changing the padding of your #serendipityRightSideBar to something like 20px 100px 10px 10px instead.
<edit after seeing d_cee's stuff:> Oh, you need it white. d_cee's bit works fine for FireFox.
Posted: Wed Jun 07, 2006 8:50 pm
by DMotel
BORDER WAS THE TRICK! Thanks alot!
Posted: Thu Jun 08, 2006 2:39 am
by carl_galloway
@jude, @d_cee, guys are we so used to css only designs now we've forgotten how to work with tables - lol
Posted: Thu Jun 08, 2006 3:14 am
by judebert
Not quite forgotten. But I couldn't find any CSS that would modify the table's cellspacing and cellpadding -- especially not on just the right side. d_cee's border trick was quite effective, though.