silk_mountain — 2011-07-03T22:25:28-04:00 — #1
I'm trying to fix a 1px jog that appears on the left side of my site. After the last item in the sidebar, the left margin jogs in to the right by 1 px and continues until the start of the footer. You can also see it between the top of the sidebar and the header. It doesn't occur on the right side.
It is difficult to explain the problem but you can see it at
silk_mountain — 2011-07-03T22:27:29-04:00 — #2
I don't know why the URL didn't appear in the post but here it is.
De su propria cosecha; wines from the California central coast
chris_upjohn — 2011-07-03T23:18:09-04:00 — #3
To me it looks like an image issue rather then a CSS issue, i say this because i looked closely at the footer image and it appears that the left side is 1px longer over the shadow.
silk_mountain — 2011-07-03T23:30:08-04:00 — #4
Thanks for checking it out.
The footer image as well as the header, sidebar and footer are all 960px wide. The problem is between the sidebar and the footer which appears 1 px narrower.
chris_upjohn — 2011-07-04T01:00:12-04:00 — #5
I can say with 100% certainty that its an image issue, i opened the background shadow image in Photoshop and the overall width from edge to edge is 958px wide. Click the following link to see what i mean.
ralphm — 2011-07-04T01:31:31-04:00 — #6
Yes, I agree with SgtLegend. Increase the width of the content section color in that background image by 1px on each side and it will work.
silk_mountain — 2011-07-04T03:20:20-04:00 — #7
Thanks! You guys were right. I had some problems with increasing the main container section by 1px each side so I went the other way and reduced the inner sections (footer, header and the right content area) by 2px and it fixed it.
It's nice having your help!
chris_upjohn — 2011-07-04T03:22:31-04:00 — #8
No problem, glad to help.