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.

Are you familiar with Moxilla Firefox browser with the add on called Firebug?

Quote:

---

Originally Posted by haredo

Are you familiar with Moxilla Firefox browser with the add on called Firebug?

---

Yeah, I do have that add on and use it sometimes lol.

What did you think of that lesson on Firebug and how to find the div id's and classes... Just enjoy.. :smile:

Thanks a bunch for all the help and showing me all about firebug. :)

You are welcome... How does the site look now???

Quote:

---

Yes the key was to change the width of the site and change the width of the slider but when we use Web developers tool kit to find the hard coded 730px width in your define_main_page.php was the solution.. :smile:

---

Quote:

---

Originally Posted by haredo

You are welcome... How does the site look now???

---

It looks a lot better! Now I just need to figure out the padding on the right sideboxes and then redo my images for the slideshow and I should be good to go.