White gap between top nav and header

21 Aug 2008, 10:52 PM

#1

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

White gap between top nav and header_bg.jpg

Hi Guys,

I'm almost done customizing my Zen but I can seem to get rid of a little white gap between the top navigation and the header. I want the header image (grey background) to sit up against the green nav bar. Here's an image of the issue...

[img]http://xs130.xs.to/xs130/08344/zenexample705.gif[/img]

21 Aug 2008, 11:20 PM

#2

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: White gap between top nav and header_bg.jpg

Post a link to your site

Zen-Venom Get Bitten

21 Aug 2008, 11:36 PM

#3

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

Sorry.. that would have made more sense to begin with :wacko:

http://www.odwyersgolf.com/

22 Aug 2008, 4:59 AM

#4

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: White gap between top nav and header_bg.jpg

Try separating the following entry into its own in your stylesheet and adjust the height that is added

#headerWrapper {
        height: 220px;
	margin: 0em;
	padding: 0em;
	}

Zen-Venom Get Bitten

22 Aug 2008, 8:11 AM

#5

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

That didnt do the trick I'm afraid. It just seemed to pust the content further down from the header.

22 Aug 2008, 8:19 AM

#6

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

I'm just thinking... would it be something to do with the nav instead. :dontgetit

22 Aug 2008, 10:07 AM

#7

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: White gap between top nav and header_bg.jpg

Did you change/adjust the height value?

Zen-Venom Get Bitten

22 Aug 2008, 6:25 PM

#8

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

I did indeed... it just changed the difference between the image and the page content... not the gap between the image and the top nav.

Its a little strange, I even positioned the image to display:top and made sure there was no padding or margins. Ans I've checked that the white gap is not part of the image either.

23 Aug 2008, 4:24 PM

#9

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

Anyone have any ideas on this?

23 Aug 2008, 5:13 PM

#10

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: White gap between top nav and header_bg.jpg

Is this it?

http://www.zen-cart.com/forum/showthread.php?t=50936

23 Aug 2008, 10:12 PM

#11

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

Nah.. that just adjusts the green bar ... not the white gap I'm trying to fix between that and the image.

23 Aug 2008, 10:35 PM

#12

vito

Zen Follower

Join Date:: Mar 2006
Posts:: 182
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

Solarpitch, from looking at your site, I see you have solved your problem. Can you share how you did it? I have the same problem.

Vito

23 Aug 2008, 11:25 PM

#13

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

Hi Vito,

I just noticed there that it always worked in IE but the issue I'm trying to fix is only happening in Firefox so I'm still not sure how to fix it. I've been messing around with some stuff in the stylesheet but still no joy.

Its interesting that its only happening in Firefox. Have you tested your's in different browsers to see if the problem is the same?

23 Aug 2008, 11:29 PM

#14

vito

Zen Follower

Join Date:: Mar 2006
Posts:: 182
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

That's really strange. When I first looked at your site (in Firefox), I could have sworn that the white gap was not there. But now when I look again, it is. :(

Vito

23 Aug 2008, 11:42 PM

#15

solarpitch

New Zenner

Join Date:: Aug 2008
Posts:: 21
Plugin Contributions:: 0

Re: White gap between top nav and header_bg.jpg

:blink: Weird... I've been testing in Firefox and haven't fixed it at all. I'll keep trying tomorrow, but if you have any joy on the meantime... let me know! ... I'll keep you posted if I have any luck with it.