Right hand margin of tables overlap width of site

[spinnywoman]

http://www.thelittleknittingcompany.co.uk

I'm not sure if it's the same problem but if you look at the Home breadcrumb line you can see a white gap on the right hand side (where the mainWrapper 1px border should be).

Also, the New Products and upcoming products tables overlap this 1px border.

I'm thinking that I must have some duplicated CSS somewhere but have been going round and round in circles for weeks trying to track down the root of this little layout issue.

Can anyone shed any light please?

[haredo]

http://www.thelittleknittingcompany.co.uk

I'm not sure if it's the same problem but if you look at the Home breadcrumb line you can see a white gap on the right hand side (where the mainWrapper 1px border should be).

Also, the New Products and upcoming products tables overlap this 1px border.

I'm thinking that I must have some duplicated CSS somewhere but have been going round and round in circles for weeks trying to track down the root of this little layout issue.

Can anyone shed any light please?

Sp,
Since you are using a table template

The width of the navMainWrappper is 763 width, should be 750px.
Also the navBreadCrumb is the same

1. need to edit the table template you are using

[spinnywoman]

Haredo - many thanks for your reply. I am not intentionally using a table based layout. The table on the index page content is purely to get around the layout issues...

navMainWrapper and navBreadCrumb did not have a width value. Have given both 750px to no avail.

[stevesh]

This seems to fix everything when I test your site in FF Web Developer:


#navBreadCrumb {
padding-left:10px;
background-color: #ffffff;
font-size: 0.95em;
font-weight: bold;
margin-top: 4em;
color: #53266d;
width: 740px;
}

Removed the float:left;

Added padding to move breadcrumbs away from border

Made breadcrumb width les than mainWrapper

[spinnywoman]

stevesh

Thank you - works a charm (of course).

Still got the issue further down the page - any ZenCart produced tables (New Products, Upcoming Products for example) are nudged over the border. Hmm, only on index page, so what have I done differently here? I have used a table within in my define_main_page because I wanted to have the 3x3 squares - don't believe this should affect anything beneath it though...