Sidebox Padding

**KADesign** · 9 Oct 2006, 06:24 PM

I finally upgraded to 1.3.5 and I cannot get the padding on my sideboxes right. One way the text is smack up against the borders and the other, like now, leaves a gap around my images. My images are also off center in FF. IE looks okay. ACtually the whole shop is off to the right in FF. I have been messing with it for a while now and just decided to post. Any help would be appreciated. The upgraded shop is here:
http://www.kellyscountrycorner.com/s...php?main_page=
The link in my sig is for the original which is also a bit off on some boxes but not like this.

Thanks in advance.
Kelly

**clydejones** · 9 Oct 2006, 07:13 PM

I noticed that you are using 2 stylesheets.

You'll have to sync the two so that whatever duplicate declarations exist have the same information.

Since the stylesheets are "read" in alphabetical order whatever duplicates appear in your stylesheet_original.css will take precedence.

**KADesign** · 9 Oct 2006, 08:33 PM

Hi,

Thanks for the reply, but even after I delete the stylesheet_original, the problem is still there. So...I can only assume it is somewhere in the stylesheet.css which is the new one. I restored it again but see no difference. I am missing a setting somewhere. If I were to require, which I do, the table to have the background heading centered, no gap from border to text other than enough so the text isn't touching the border, like most of the boxes in my original page, what would I need to put in the css?

Thanks,
Kelly

**KADesign** · 9 Oct 2006, 09:21 PM

Well...I just switched it over to my shop. I will continue to work on it, but I wanted the new version up. So if anyone has any suggestions on how to fix this, please let me know.
http://www.kellyscountrycorner.com/shop/index.php

Thanks again,
Kelly

**clydejones** · 9 Oct 2006, 10:35 PM

One thing I did notice is that your centershop is wider than the mainWrapper.

I'd also move the margin setting to the mainWrapper

.centershop {
padding: 0px;
margin: 0px auto; /* move this to mainWrapper and set this margin to 0 */
position: left;
text-align: left;
width: 760px !important; /* I'd change this to 100% */
}

#mainWrapper {
background-image: url(../images/margo-whbg.jpg);
text-align: left;
width: 750px; /*change this 760px */
vertical-align: top;
}

Try these changes and see how it looks.

**KADesign** · 10 Oct 2006, 12:13 AM

Hi Clyde,

Thanks. I tried both but it's still off. I can't seem to find it and it's driving me nuts. It's probably something very simple. But...I can't find it.

Thanks again,
Kelly

**clydejones** · 10 Oct 2006, 02:47 AM

#mainWrapper {
background-image: url(../images/margo-whbg.jpg);
text-align: left;
width: 760px;
margin: 0px auto; /* add auto */
vertical-align: top;
}

.centershop {
padding: 0px;
margin: 0; /* change this to 0 */
position: left;
text-align: left;
width: 100% !important;
}

Make sure you change these in BOTH stylesheets

**KADesign** · 10 Oct 2006, 03:33 AM

HI Clyde,

I think I have it in both files now. I added the auto as well. My sidebox headers are still off though.

Thanks again,
Kelly

**clydejones** · 10 Oct 2006, 03:56 AM

I just copied the following from the source of your page.

Code:

<body id="indexBody">

<div id="mainWrapper">



<!--bof-header logo and navigation display-->
<body background="images/margo-grnbg.jpg">
/* This body tag is not necessary */

Not sure why you have 2 "body tags".

Go through your tpl_header.php and delete it.

You can add the background image in the body tag in your stylesheet.css.

**KADesign** · 10 Oct 2006, 04:11 AM

I'm not quite sure why either...
I removed the one from the tpl header and added it to the css.

Thanks,
Kelly

Thread: Sidebox Padding

Thread Tools

Search Thread

Display

Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Re: Sidebox Padding

Similar Threads

Left Sidebox Padding Question

Change padding on a single sidebox

category sidebox margin/padding

Sidebox padding

FF right sidebox padding issue

Posting Permissions