Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2009
    Posts
    15
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Inexplicable gap between header and Nav bar

    Hi there...

    I'm pretty new to this, but I've given myself the task of having rounded corners on my website. The problem is I have a left and right div to hold the rounded edges and the navigation in between with a repeating gradient image, however, there's about a 20px gap between the header and the middle nav div, even though the left and right are flush to it.

    Here's what it should be like...



    but here's what it's coming out as...

    http://www.emuspace.co.uk/canarytest/canaryindex.html

    If there's not a simple solution to this, is there a better way of achieving the same effect?

    Thanks in advance!

    Emu x

  • #2
    New Coder
    Join Date
    Jun 2010
    Posts
    21
    Thanks
    4
    Thanked 2 Times in 2 Posts
    Try adding:

    margin-top: 0px;

    to

    ul#list-nav

    Which is in line 55 or so of your CSS...

    It looks like there is a style clash between your ul#list and the nav. This might fix it.

  • Users who have thanked RainingNails for this post:

    emu_robot (11-17-2010)

  • #3
    New Coder
    Join Date
    Jan 2009
    Posts
    15
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Brilliant! Thankyou. I'd thought of zeroing the margins before, but I only applied it on the wrong element and so it didn't work. Thanks again.


  •  

    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
    •