dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Wierd Gap between header and navbar

Hybrid View

  1. #1
    Join Date
    Mar 2006
    Location
    Scotland
    Posts
    67

    Wierd Gap between header and navbar

    I am completely stumped as to why a gap is appearing between the menu (div id #nav) and header (div id #header) of a site I am working on. I can't see anything obvious with firebug/web developer addons, padding/margins between are both zero.

    The site is at http://test.thebrochinspectors.com

    I'm sure its something completely obvious, but this has me stumped...
    Last edited by Hemmer; 08-23-2009 at 09:34 AM.

  2. #2
    Join Date
    Apr 2009
    Posts
    60
    Hard to say without seeing the css.

    A couple of possibilities:
    Have you set a height value for either the #nav or #header?
    Have you zeroed the margin and padding for the ul / li that the navigation belongs to?

  3. #3
    Join Date
    Mar 2006
    Location
    Scotland
    Posts
    67
    The #header div has a height attribute equal to the height of the image, #nav has no height set. The ul, li elements have no padding-top, a element has 5px padding, but not enough to account for the gap - gap is still there if I remove the 5px.

    Thanks for your help all the same. CSS is here.

    EDIT: This thread should really be in the CSS forum. Can a mod move it please? Thanks

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles