Gap in container

strange... i see no gaps... (neither does my wife on her puter...)

That's because they aren't there anymore, and the image in the center box header looks fine to me.

aerosmith - be sure to refresh your browser, and, if necessary, clear the cache.

One thing I would do is add a little padding-top to bring the center box down even with the sidebox (or less padding in the sidebox container to move it up).

stevesh:

That's because they aren't there anymore, and the image in the center box header looks fine to me.

aerosmith - be sure to refresh your browser, and, if necessary, clear the cache.

One thing I would do is add a little padding-top to bring the center box down even with the sidebox (or less padding in the sidebox container to move it up).

one of the pages is fine :) im using ie6
the front page,
http://www.itplace.biz/HealthDivine/
i see a gap

I cleared cach and still the same.

Because you've put the image back in navBreadCrumb. It can't go there.

LOL The GAP is back!

I hate the gap :)

You have this in your stylesheet;

.centerBoxWrapper {
height: 1%;
margin: 1.1em 0;
}

and your html is;

so....
.centerBoxWrapper {
height: 1%; /* the height is useless so delete it*/
margin: 50px 0; /* try this and watch that Gap get bigger... set to zero to fix...*/
}

or remove class="centerBoxWrapper" from the DIV

I know how frustratiing this can be.. stick with it.. I'm sure stevesh and myself will help you get it sorted... but it was fixed on my ie7 and ff3.. i dont have access to ie6 at the moment..

s_t_e_v_e:

You have this in your stylesheet;

.centerBoxWrapper {
height: 1%;
margin: 1.1em 0;
}

and your html is;

<div id="whatsNew" class="centerBoxWrapper">

so....
.centerBoxWrapper {
height: 1%; /* the height is useless so delete it*/
margin: 50px 0; /* try this and watch that Gap get bigger... set to zero to fix...*/
}

or remove class="centerBoxWrapper" from the DIV

I know how frustratiing this can be.. stick with it.. I'm sure stevesh and myself will help you get it sorted... but it was fixed on my ie7 and ff3.. i dont have access to ie6 at the moment..

Gap is gone :) just need to make the right hand side fixed and yay! :)

Wicked, i changed the width:632px; to width:630px;

and that fixed the offbalance right hand side.
I appreciate all the assistance!!!, You guys are the best!

Sorry again, :) is there a way to center the headers verticaly in Firefox. I already tried padding-top but it is still making problems i believe,
Thanks,

For the center box headings;

#HeadingText {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif,Eurostile;
font-size:19px;
margin:0;
padding-top:5px;
text-align:center;
}

for the sidebox headings, you have html that looks like;

BUT... this is a rather poor structure, a span would be better suited inside a h3 tag... or even changing things around to have the h3 tag inside the div (which is the opposite of what you have) but I am not sure how you are creating this structure.... and changing things around would impact your css again.

s_t_e_v_e:

For the center box headings;

#HeadingText {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif,Eurostile;
font-size:19px;
margin:0;
padding-top:5px;
text-align:center;
}

for the sidebox headings, you have html that looks like;

<h3 id="categoriesHeading" class="BoxHeader"> <div style="margin-top: 5px;"> Categories </div> </h3> so the CSS would be... .BoxHeader div {margin:0;padding-top:5px;}

BUT... this is a rather poor structure, a span would be better suited inside a h3 tag... or even changing things around to have the h3 tag inside the div (which is the opposite of what you have) but I am not sure how you are creating this structure.... and changing things around would impact your css again.

I tried modifying he css, but still cant get the headers correct in FF