Right Side Column Padding Question

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!

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

Quote:

---

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

---

Quote:

---

Originally Posted by 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..
[/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?

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

Quote:

---

Originally Posted by 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...

---

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. :)

Quote:

---

Originally Posted by nolsowski

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

Quote:

---

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

---

Quote:

---

Originally Posted by haredo

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?

This is what my contentMainWrapper says.

#contentMainWrapper {background-color:#fff;}

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

After this change the stylesheet.css

Quote:

---

#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

---

Quote:

---

Originally Posted by haredo

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.