Gap in container

[s_t_e_v_e]

i dont see this change in your stylesheet;
.centerBoxWrapper {
margin:0;
}

that would fix the gap...
get firefox 3 and the web developer extension... its a big big help for editing CSS...

[aerosmith]

i made the changes, still no effect

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxWrapper {
margin:0;
}


h2.centerBoxHeading {
font-size: 1.3em;
color: #ffffff;
}

/*sideboxes*/
.columnLeft {}

[aerosmith]

i installed firebug just not sure how to use it to fix my issue, anyone have any more insight that might cure my gap issue
Thanks for your time.

[s_t_e_v_e]

I noticed yesterday it was fixed.... although the right hand side border is a little off..

[aerosmith]

I noticed yesterday it was fixed.... although the right hand side border is a little off..

I believe yesterday the all products was fixed, but the front container always has the gap

Im not sure if its css related any more, i really have no clue as to where to check next.

[s_t_e_v_e]

The gap underneath the header text is not there in firefox 3, but the right hand side border is slightly offset. Everything looks good in my Internet explorer 7...

The categories side box is a little lower than the center box..

I like the look of your site... Its coming along great!

[aerosmith]

The gap underneath the header text is not there in firefox 3, but the right hand side border is slightly offset. Everything looks good in my Internet explorer 7...

The categories side box is a little lower than the center box..

I like the look of your site... Its coming along great!

im using FF3, and i still see a cap under home

[IMG]http://www.itplace.biz/HealthDivine/gap.jpg[/IMG


I appreciate your compliment on the site, Its been a very long time in the making ;)

[s_t_e_v_e]

i see you use firebug... open it up and click Inspect and highlight the area with the gap... and look at the CSS that firebug shows you..

I still do not see this gap... (i have cleared my browser cache too)

someone else will have to make a comment based upon their browser to help....

[stevesh]

If the gaps indicated by the arrows here are what you mean:

http://www.stevesh.com/test/gaps.jpg

You aren't going to be able to fix that until you get the center box header image out of the navBreadCrumbs element.


You need to remove the background image from here:

#navBreadCrumb {
background-image: url(../images/ContainerHeader.jpg);
background-repeat:no-repeat;
padding-top:10px;
height: 35px;
padding-top:0;
width:632px;
}


and then add the image to centerBoxHeading after you split it away from the left and right:


.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
padding: 0.5em 0.2em;
}

[aerosmith]

If the gaps indicated by the arrows here are what you mean:

http://www.stevesh.com/test/gaps.jpg

You aren't going to be able to fix that until you get the center box header image out of the navBreadCrumbs element.


You need to remove the background image from here:

#navBreadCrumb {
background-image: url(../images/ContainerHeader.jpg);
background-repeat:no-repeat;
padding-top:10px;
height: 35px;
padding-top:0;
width:632px;
}


and then add the image to centerBoxHeading after you split it away from the left and right:


.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
padding: 0.5em 0.2em;
}

When you say split away,


do you mean

.leftBoxHeading, .rightBoxHeading {
margin: 0em;
padding: 0.5em 0.2em;
}

.centerBoxHeading {
background-image: url(../images/ContainerHeader.jpg);
background-repeat:no-repeat;
}


When i try this the picture wont show up