Results 1 to 5 of 5

Hybrid View

  1. #1
    Join Date
    Jun 2009
    Location
    Salt Lake City
    Posts
    15
    Plugin Contributions
    0

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

    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::

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Internet Explorer puts space between my logo image and my menu bar

    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

    Code:
    <!--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
    Code:
    #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
    Code:
    #headerWrapper {
            background-color: #000000;
    	margin: 0em;
    	padding: 0em;
    	}
    #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jun 2009
    Location
    Salt Lake City
    Posts
    15
    Plugin Contributions
    0

    Default Re: Internet Explorer puts space between my logo image and my menu bar

    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::

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Internet Explorer puts space between my logo image and my menu bar

    Same file and process just delete all that is in red for this copy
    Code:
    <!--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
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Jun 2009
    Location
    Salt Lake City
    Posts
    15
    Plugin Contributions
    0

    Default Re: Internet Explorer puts space between my logo image and my menu bar

    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::

 

 

Similar Threads

  1. v138a Large Gap in between header image(logo) and my nav bar...
    By allanjhn in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 25 Sep 2012, 06:37 PM
  2. Eliminate Space between Top Nav Bar and Header Image
    By C_R_C in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 21 May 2010, 11:33 PM
  3. increase space between login bar and ezpages menu bar
    By omerhanif in forum General Questions
    Replies: 0
    Last Post: 5 Mar 2010, 07:00 PM
  4. HELP - Ugly space between header and maincontent with internet explorer
    By darth_oettinger in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 29 Sep 2008, 06:38 PM
  5. White Space Between Main-page Image And Horizontal Menu-
    By Vertigo in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 4 Sep 2008, 09:51 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg