Internet Explorer puts space between my logo image and my menu bar

[baltimucho]

Ok... I'm sorta new to Zen, but not to CSS. I have tried to search this out on the forum without any luck.

My site is here... eternitystore (dot) com

I've been editing a backup of the "classic" template.

In Safari and Firefox, I'm getting the results I'd like.

In IE, I have a gap between my logo image and category menu bar.

The only thing I can find (after setting every "Wrapper" padding and margin to zero are two divs I'm not using, but can't seem to delete.

<div id="taglineWrapper">
<div id="tagline"/>

Maybe this is the problem, maybe not. Any thoughts? I've turned my menu bar to orange to highlight my problem.

Any assistance is greatly appreciated.

::m::

[kobra]

Try this
In your or make a copy for your template of tpl_header.php and find and remove the <br class="clearBoth" /> as indicated

<!--bof-branding display-->
<div id="logoWrapper">
Other Code

    <div id="taglineWrapper">
      <div id="tagline"></div>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

You can also mitigate this by finding this in your stylesheet.css file

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

Separate out the headerWraper and give it a bavkgroung color so you have something similar to this

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

[baltimucho]

I found this...

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

In which the "tagline" was mentioned and it was suggested it be removed... But how?

Funny how a search gave me very little results, but posting a thread gave me several Similar Threads!

Still scratching my head...

::m::

[kobra]

Same file and process just delete all that is in red for this copy

<!--bof-branding display-->
<div id="logoWrapper">
Other Code

    <div id="taglineWrapper">
      <div id="tagline"></div>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Note: There will probably more code for this that needs deleting once you actually open the file what I posted was from your sites view source

[baltimucho]

Thanks kobra...

Deleting <br class="clearBoth" /> made the entire content in the center of the page disappear. http://www.zen-cart.com/forum/images/smilies/laugh.gif

I singled out #headerWrapper and changed the background color, and that fixed the peek-a-boo background color.

You should change your handle to "KING" kobra!

Thanks again!

::m::