Space between headerWrapper and logoWrapper

[gjh42]

No way to tell until we can see it live...
Screenshots are useless here.

[Hell Guapo]

that may be the #navMainWrapper top margin.

Nope

[buildingblocks]

Nope

well, sorry.....I said #navMainWrapper, top margin

and should have said #navMainWrapper top padding.

example: red denotes top padding

#navMainWrapper {padding:10px 5px 10px 5px;}

may not look exactly like mine


If that doesn't do it then.....a link...

[Hell Guapo]

Well. I fixed the problem with a negative value margin for logoWrapper:



My CSS is as follows:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
height:150px;
margin-top: -10px;
}

But it still doesnt explain where the extra 10px gap is coming from.

I'd like to do it without having to use a negative value for margin... Any ideas?


losteras.com/store

[dgent]

Get rid of your -10px margin and add this line to your stylesheet.

#headerWrapper {background-color: #F90;}


The 'gap' is still there, but now its the same colour as your logo wrapper - so it doesnt matter.

[buildingblocks]

try bottom padding for #navMainWrapper

[Hell Guapo]

Get rid of your -10px margin and add this line to your stylesheet.

#headerWrapper {background-color: #F90;}


The 'gap' is still there, but now its the same colour as your logo wrapper - so it doesnt matter.

I removed the -10px and tried what you said.

Advice appreciated but the 'hidden' gap will then cause a 10px unevenness above the logoWrapper. I would be forced to use a negative padding to correct the new issue. Plus, if I decide to change the color of logoWrapper, I'd be forced to change color in two places.

[gjh42]

For information, you can't do negative padding, only negative margins.

I looked at your site and was not able to find a cause for the gap... really strange. The fixes that should have helped, didn't (except for the negative margin).

[Hell Guapo]

try bottom padding for #navMainWrapper

Set padding-bottom to -0em and it caused the space under Home and Login to collapse within the DIV and had no effect on the Gray Mystery Space...

For the moment I commented out the -10px fix.

Need a ZenCart Guru to solve this please.

[Hell Guapo]

For information, you can't do negative padding, only negative margins.

I looked at your site and was not able to find a cause for the gap... really strange. The fixes that should have helped, didn't (except for the negative margin).

I've look at sites posted here that had only slight variation from the standard install of Zencart and this mystery gap happens on those sites as well.