Padding/Margin Issues

[Berserker]

Hi there,

Could someone pls tell me why my right column/bestsellers sidebox is goin over the main center wrapper. The domain is playnippon dot com. I only experienced this problem after adding padding to the left/center/right boxes.

Thank you...

[Berserker]

Forgot to add, why is it that when I set the left boxes width to 158px and the left column width to 180px (22px more for the 10px padding and 1px border on both side), the left box container is centered instead of aligned to the left? Am I supposed to set both boxes width and column width to the same value and just put some padding? I've also tried this but then the center column overlaps with it so I had to add margin just to have some space in between...

[clydejones]

Forgot to add, why is it that when I set the left boxes width to 158px and the left column width to 180px (22px more for the 10px padding and 1px border on both side), the left box container is centered instead of aligned to the left? Am I supposed to set both boxes width and column width to the same value and just put some padding? I've also tried this but then the center column overlaps with it so I had to add margin just to have some space in between...

The default CSS for the side columns is as follows:

These are the left and right columns: you've set these to 180px.
As you can see there is no margin or padding set for them.
#navColumnOne {
background-color: #FFCC99;
}

#navColumnTwo {
background-color: #00BFBF;
}

These are the wrappers which are contained within the columns. You've set these at 158px.
As you will note the margin is set to auto which centers the wrapper inside the column.
#navColumnOneWrapper, #navColumnTwoWrapper {
margin: auto;
}

These are the boxes themselves. They are contained within the column wrapper and would therefore be centered. these boxes are also set at 158px;

.leftBoxContainer {
border: 1px solid #ffffff;
margin-top: 1.5em;
}
.rightBoxContainer {
border: 1px solid #ffffff;
margin-top: 1.5em;
}

Hope this helps

[Berserker]

Hi there,

Thanks for the reply. That helped a lot!!! Fixed the problem now.

Thanks so much...

All the best...

[clydejones]

Hi there,

Thanks for the reply. That helped a lot!!! Fixed the problem now.

Thanks so much...

All the best...

glad to help