Gap in container

[aerosmith]

My page, http://www.itplace.biz/HealthDivine/...=index&cPath=4

Has a gap after the container header on everypage, Im lost as to where to look and fix it, I thought it was css related, but cant find something that would cause it, im wonder if it its the tpl_header but again, stairing at the code for a week has made be unable to rectify the issue,

Can someone point me in the right direction, I would greatly apprecaite it
Thanks
aero

[stevesh]

Try removing the padding in .centerColumn in the stylesheet.

You have your center column header inside the navBreadcrumb div, which may be causing a problem.

[dbltoe]

You can correct the problem by changing about four things in the stylesheet and adding a couple more BUT...

As stevesh, pointed out, you are going to have problems down the line with the code inside the breadcrumb.

AND... you are setting this up in the classic directory. Take a deep breath, backup, investigate using a custom override directory, and get a copy of the firebug extension for firefox.

Using a custom directory will make future upgrades easy. Not using it will be a nightmare.

You should probably be doing all this inside the indexCategories div.

You don't need a width for the top image, the core needs to be a specified width (628), the <br /> needs to go in the HeadingText (which should be headingText), and (right now) the 10 px padding-top in navBreadCrumb is adding the space you see.

Still, I would caution you NOT to fix the problem this way but start with an override and use the indexCategories div.

[s_t_e_v_e]

#navBreadCrumb {stylesheet.css (line 324)
background-image:url(../images/ContainerHeader.jpg);
background-repeat:no-repeat;
height:35px;
padding-top:0;
text-align:center;
width:632px;
}

[aerosmith]

Wicked,
That helped
Much appreciated

[dbltoe]

Using

#core {
border-color:#006600;
border-style:none solid;
border-width:medium 1px;
margin:0;
padding:0;
width:628px;
}

also helps the look in firefox.

Just remember that you are building something that will NOT upgrade well.

[aerosmith]

all but the first page, is fixed
http://www.itplace.biz/HealthDivine/index.php still has a gap

[s_t_e_v_e]

this margin is pushing things apart;

.centerBoxWrapper {
margin:0;
}

[aerosmith]

Corrected that main page still had the gap, Im sooo new to Css its scaring me ;)

[aerosmith]

Sorry i mean the gap is still present,
http://www.itplace.biz/HealthDivine/index.php