Right Side Column Padding Question

[nolsowski]

I know this is probably the simplest question ever but I am having some trouble.

I have just made my site wider and turned on my right columns. I have the left sideboxes perfect (padding wise). I am having trouble getting the padding just right on the left sideboxes.

http://www.frompropertorocker.com

This is where I changed the padding for the left sideboxes but I thought it would also be for the right.

.sideBoxContent {background-color: #fff;padding: 0.4em;padding-top:75px;border:0px solid #e1e1e9;}

Also I have been trying to get the "Categories" sidebox to line up exactly where the "Bestsellers" sidebox is. (on the right) But I am having trouble getting that too.

Thanks in advance!

[haredo]

First of all we have to get the web site header resolved so you don't have to scroll horizontal to view your site..

#headerWrapper {
background: url("../images/header-bk.png") no-repeat scroll center top transparent;
margin-top: 25px;}

1. this image is 1200 wide....
2. way too large..

[nolsowski]

First of all we have to get the web site header resolved so you don't have to scroll horizontal to view your site..
[/LIST]

Reason I had it set at 1200 was because the rest of the sites width is at 1200 and it was lined up right. Should I make the whole site smaller?

[haredo]

Well that is a personal preference and maybe you should wait for fellow zenners on that idea, but I never build a site where the customer has to scroll horizontal to view the page...

I was playing with your site and you have a few changes, the header, and inside the body you have widths of 750 px or so.. Many changes but I believe will improve the performance of your site...

[nolsowski]

Well that is a personal preference and maybe you should wait for fellow zenners on that idea, but I never build a site where the customer has to scroll horizontal to view the page...

I was playing with your site and you have a few changes, the header, and inside the body you have widths of 750 px or so.. Many changes but I believe will improve the performance of your site...

I just changed the width of my site yesterday and before when I had just the regular size I still had the scroll bar on the bottom of my site. Not sure how that was there.

What size would you recommend it? Only reason I did it wider was just to see what it would look like lol. So it's not really set in stone on my end. I kind of like wider but not as wide as I have it lol.

I changed the slideshow to 750px x 350px to see how that looked. I only got one slide fixed (the first one).

I will take all your advice you can give. :)

[haredo]

I just changed the width of my site yesterday and before when I had just the regular size I still had the scroll bar on the bottom of my site. Not sure how that was there.

As a rule of thumb I build most sites to 925px.. or 100%..

The reason you had the scroll bar at a smaller size is that the you had a setting in the contentMainWrapper too large

[nolsowski]

As a rule of thumb I build most sites to 925px.. or 100%..

Ok that makes sense. What is the first thing I need to fix?

[nolsowski]

This is what my contentMainWrapper says.

#contentMainWrapper {background-color:#fff;}

[haredo]

First make a back of your entire site and the database before you start...

After this change the stylesheet.css

#mainWrapper {
background: none repeat scroll 0 0 transparent;
position: relative;
text-align: left;
top: 0;
vertical-align: top;
width: 1200px;
}

1. change 1200 to 925px
2. notice how the body is still too wide

[nolsowski]

First make a back of your entire site and the database before you start...

After this change the stylesheet.css

Thanks! Going to make a back up now.