White Gap between EZ-Pages Bar and Header

[jimmybob]

Hi,
My site www.footballflashbacks.co.uk has a gap between the EZ-Pages bar and the header/banner.

Any ideas on how to remove this?

Cheers
Jim

[kobra]

This is an IE quirk and you can search here for several solutions and look at this in your style sheet - but need to determine the quirk to fix

#navEZPagesTop {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

[jettrue]

It looks like you may have removed a <br class="clearBoth" /> after the logo in order to resolve this, but now in firefox the layout is broken.

Add this after the logo instead:

<div class="clearBoth"></div>

and then in your css change .clearBoth {clear:both} to this:

.clearBoth {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
}

[dbltoe]

What I'm seeing now is an incorrect div on line 178 of your page source. You might want to check as to where divs can and cannot go it both php and html. Firefox is a lot more forgiving than IE. But, in this case,

[jimmybob]

Hi,

Yes I remember removing it now! It didn't work! Somehow I have managed to get the white space removed but, as you say, it isn't working correctly in firefox!

Could you please be more specific with your instructions? I am a beginner. When I removed that text before I didn't really know what I was doing, I was just copying something from another post.

I understand what you are saying, just not exactly where and in which files the extra text needs to go.

Cheers
Jim

[jimmybob]

I have just put the <div class="clearBoth"></div> code at the bottom of the tpl_header.php file, was that right? It has seemed to work except that the EZ-pages links are not where they should be, but are in the correct place in IE.
Any ideas?

I haven't done the 2nd part of what you told me to do yet - I don't really understand it.

Thanks
Jim

[shirster]

I haven't done the 2nd part of what you told me to do yet - I don't really understand it.

Thanks
Jim

It means that you should add those stuff in your stylesheet.

See https://www.zen-cart.com/tutorials/index.php?article=43 and https://www.zen-cart.com/tutorials/i...hp?article=147 for some basic info on stylesheets.

HTH,
Shirley :)

[jettrue]

You have the <div class="clearBoth"></div> in the wrong location.

Move it to just after the LOGO only. Right after

<!--eof-header logo and navigation display-->

Then open up includes/templates/YOUR_TEMPLATE/css/stylesheet.css and follow the replace the .clearBoth like I mentioned above.

[jimmybob]

Thanks I have done that bit too now - It didn't seem to do anything (but maybe I'll just never know!)

I just have two problems now:

1) On firefox the EZ-Pages links are not in the right place

2) There is no gap/space between products that are listed (their pictures are touching)

Thanks
Jim

[jettrue]

Thanks I have done that bit too now - It didn't seem to do anything (but maybe I'll just never know!)

I just have two problems now:

1) On firefox the EZ-Pages links are not in the right place

2) There is no gap/space between products that are listed (their pictures are touching)

Thanks
Jim

1) See my post above

2) You can add this to your stylesheet (doesn't matter where you add it):

.productListing-data {padding:.5em;}