Spacing on right side bar?

[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!

[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

[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??

[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

[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.

[d_cee]

Well then

how about this.
add
border: 8px solid white;
to
#serendipityRightSideBar

Dave

[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.

[DMotel]

BORDER WAS THE TRICK! Thanks alot!

[carl_galloway]

@jude, @d_cee, guys are we so used to css only designs now we've forgotten how to work with tables - lol

[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.