Results 1 to 7 of 7
  1. #1
    Join Date
    May 2008
    Posts
    25
    Plugin Contributions
    0

    Default empty space above nav in IE?

    in firefox and safari there is no white space above the nav bar (the way i want it to be). i changed my css to this so that there is no space:

    div#logoWrapper {
    width:800px;
    height:0px;
    }

    of course in IE there is a huge space. anyone have a IE fix for this?

    http://idoruclothing.com/shop/

    thanks!!!

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

    Default Re: empty space above nav in IE?

    I assume that you have a custom tpl_header.php override file -

    I would look at it closely as when viewing your source from the browser you still have logowrapper & logo loading(highlighted in red) and strangely 2 instances of navcattabs(highlighted in green)
    Code:
    <!--bof-branding display-->
    <div id="logoWrapper">
        <div id="logo"><a href="http://idoruclothing.com/shop/"><img src="includes/templates/template_default/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="192" height="64" /></a></div>
        <div id="taglineWrapper">
        </div>
    </div>
    <!--eof-branding display-->
    
    <!--eof-header logo and navigation display-->
    
    <!--bof-optional categories tabs navigation display-->
    <div id="navCatTabsWrapper">
    <div id="navCatTabs">
    <ul>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=2">WOMEN</a> </li>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=1">MEN</a> </li>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=3">DENIM</a> </li>
    
    </ul>
    </div>
    </div>
    <!--eof-optional categories tabs navigation display-->
    
    <!--bof-header ezpage links-->
    <!--eof-header ezpage links-->
    <!--bof-optional categories tabs navigation display-->
    <div id="navCatTabsWrapper">
    <div id="navCatTabs">
    <ul>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=2">WOMEN</a> </li>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=1">MEN</a> </li>
    
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=3">DENIM</a> </li>
    </ul>
    </div>
    </div>
    <!--eof-optional categories tabs navigation display-->
    Zen-Venom Get Bitten

  3. #3
    Join Date
    May 2008
    Posts
    25
    Plugin Contributions
    0

    Default Re: empty space above nav in IE?

    kobra, thanks for taking a look. i got rid of the logowrapper div and duplicate navcattabs.div in the tpl_header.php. it did help bring the nav up closer to the top but its still got a space . have any additional ideas?
    thanks for your help!!

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

    Default Re: empty space above nav in IE?

    There is still a dup navcat tabs and your drop menu entry
    Zen-Venom Get Bitten

  5. #5
    Join Date
    May 2008
    Posts
    25
    Plugin Contributions
    0

    Default Re: empty space above nav in IE?

    im not seeing the dups?

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: empty space above nav in IE?

    See the dups for Womens. Men. Denim

    Dups highlighted
    Code:
    <!--bof-optional categories tabs navigation display-->
    
    <div id="navCatTabsWrapper">
    <div id="navCatTabs">
    <ul>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=2">WOMEN</a> </li>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=1">MEN</a> </li>
      <li><a class="category-top" href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=3">DENIM</a> </li>
    </ul>
    </div>
    
    </div>
    <!--eof-optional categories tabs navigation display-->
    
    <!--bof-drop down menu display-->
    <!-- menu area -->
    
    <div id="dropMenuWrapper">
      <div id="dropMenu">
        <ul class="level1">
    <!-- You can manually put whatever additional links you like in using this structure
          <li class="submenu"><a href="http://idoruclothing.com/shop/index.php?main_page=index">Home</a>
            <ul class="level2">
              <li><a href="yourlinkhere">yourtexthere</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=products_all">All Products</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=specials">Specials</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=advanced_search">Search</a></li>
            </ul>
          </li>
    -->
    <li><a href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=2">WOMEN</a></li><li><a href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=1">MEN</a></li><li class="submenu"><a href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=3">DENIM</a><ul class="level2"><li>
    	<a href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=4">WOMEN'S</a></li><li>
    
    	<a href="http://idoruclothing.com/shop/index.php?main_page=index&amp;cPath=5">MEN'S</a></li></ul></li><!-- You can also add links on this side of your catefories menu
          <li class="submenu"><a href="http://idoruclothing.com/shop/index.php?main_page=index">Information</a>
            <ul class="level2">
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=shippinginfo">Shipping Info</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=privacy">Privacy Policy</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=conditions">Conditions of Use</a></li>
    		  <li><a href="http://idoruclothing.com/shop/index.php?main_page=FILENAME_ABOUT_US">About Us</a></li>
                        <li><a href="http://idoruclothing.com/shop/index.php?main_page=site_map">Site Map</a></li>
                        <li><a href="http://idoruclothing.com/shop/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=discount_coupon">Discout Coupons</a></li>
              <li><a href="http://idoruclothing.com/shop/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
            </ul>
          </li>
    Zen-Venom Get Bitten

  7. #7
    Join Date
    May 2008
    Posts
    25
    Plugin Contributions
    0

    Default Re: empty space above nav in IE?

    thanks again. what code do i need to remove to get rid of the link dups?

 

 

Similar Threads

  1. v150 Empty <li> below Home Nav
    By redkathy in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 4 May 2012, 03:56 AM
  2. annoying white line under header and above nav
    By footieshirts in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 19 Mar 2009, 05:38 AM
  3. Nav bars above and below my banner
    By YZ250 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 19 Feb 2009, 01:37 AM
  4. space below logo wrapper/above EZ NAV
    By cpking in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 9 Sep 2007, 01:11 PM
  5. empty space above header
    By kunaguna in forum Basic Configuration
    Replies: 0
    Last Post: 7 Jun 2006, 01:54 PM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR