Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 24
  1. #11
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,231
    Plugin Contributions
    11

    Default Re: Gap between header and main content...Help!

    Can't really tell without a URL. Generally, firefox is the one that's rendering the code correctly.

  2. #12
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: Gap between header and main content...Help!

    Quote Originally Posted by Spannungsbogen View Post
    So a question or two: I've got this dumb space in Firefox between "Home Log In" and the logo/image section. There was a dumb space below the image too, which I eliminated in both browsers by taking a <br class="clearBoth"> line out of templates\template_default\common\tpl_header.php

    There's one more instanceof that code line in tpl_header but removing it does not get rid of the gap.

    At anyrate, does having removed <br class="clearBoth"> from one place in this file compromise anything I'm not aware of? Do I need to fix it exactly like in the quote above.... or is just having eliminated it Ok?
    You should fix it like the quote above. Because some browsers won't start a new line, and you may have issues with your layout breaking. The code above will get rid of the space.

  3. #13
    Join Date
    Sep 2007
    Posts
    329
    Plugin Contributions
    0

    Default Re: Gap between header and main content...Help!

    Quote Originally Posted by jettrue View Post
    in your tpl_header.php, change all:
    <br class="clearBoth">

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

    Then in your css, change:

    .clearBoth {clear:both;}

    to

    .clearBoth {
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
    margin:0;
    padding:0;
    }
    Thank you so much for this fix. I have been looking a long time for a way to fix this. THANK YOU!!!

  4. #14
    Join Date
    Jan 2008
    Posts
    23
    Plugin Contributions
    0

    Default Re: Gap between header and main content...Help!

    I have the same problem. I've tried everything including the fix above. Any suggestions?

    Page displays fine in IE but not Mozilla?

    http://www.sitemagicdesigns.com/zen/

  5. #15
    Join Date
    Jan 2005
    Location
    USA, St. Louis
    Posts
    3,710
    Plugin Contributions
    9

    Default Re: Gap between header and main content...Help!

    Quote Originally Posted by PiscesFish View Post
    I have the same problem. I've tried everything including the fix above. Any suggestions?

    Page displays fine in IE but not Mozilla?

    http://www.sitemagicdesigns.com/zen/
    Its because of the h1 of the tagline, in your stylesheet change h1 to this:

    h1 {
    font-size: 1em;
    color: #FF9900;
    margin:0!important;
    }

  6. #16
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,231
    Plugin Contributions
    11

    Default Re: Gap between header and main content...Help!

    or...
    On line 95 of the stylesheet, change the 0.3em margin to 0.0em. You've already changed the 3pt to 0pt

  7. #17
    Join Date
    Jan 2008
    Posts
    23
    Plugin Contributions
    0

    Default Re: Gap between header and main content...Help!

    Oh Happy Day!

    Changing Line 95 as you suggested worked!!!!

    Thank You! Thank You! Thank You!
    I have been messing with that for hours.

  8. #18
    Join Date
    Feb 2008
    Posts
    3
    Plugin Contributions
    0

    Default Re: Gap between header and main content...Help!

    I am having the same problem. I have taken all the above suggestions and i still have this big purple space where the tagline is. Any suggestions would be great, Im pullin my hair out with this as i have spend hours trying to fix it.

    Thanks in advance.

  9. #19
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,231
    Plugin Contributions
    11

    Default Re: Gap between header and main content...Help!

    maybe a link to the problem.....

  10. #20
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,231
    Plugin Contributions
    11

    Default Re: Gap between header and main content...Help!

    Get a copy of the firefox browser and the firebug add on for it. It will help you tremendously.

    Meanwhile....... Are you talking about the light purple between "Home LogIn" and "Categories"? If so, you can go to the css and delete the 150px height call for the logoWrapper around line 183

 

 
Page 2 of 3 FirstFirst 123 LastLast

Similar Threads

  1. Gap between header and body
    By timhersh in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Mar 2011, 05:25 AM
  2. Gap on main page between menu bar and content
    By mw4kids in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 31 Oct 2009, 03:11 PM
  3. Gap between breadcrumb and content
    By ben harry in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Oct 2009, 04:30 PM
  4. Gap between header and text
    By NickJRE in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 9 May 2007, 01:59 PM
  5. Cant get rid of the small gap between my Header and Main Page.
    By jaz1974 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 24 Oct 2006, 03:57 AM

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