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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Joining the page borders

    I am having a trouble in joining the borders, as shown in this target page. target page(pic)

    Here is what I am trying to fix. problems listed w/ arrows (pic)


    This is a code I am working on. Its big so I pasted it on pastebin.

    HTML CODE: http://pastebin.com/57pRTmBh

    CSS CODE: http://pastebin.com/W4NwG7pk

    Thanks

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    Code:
    #nav1{
    margin-bottom:10px;
    display: table;
    width: 100%;
    }
    That margin-bottom is creating the gap. Either take that out or make it equal to 0.

    As for making two divs that are side-by-side equal in height, it's a little trickier. I can't think of a simple solution to that. Maybe someone else can help you there, but if you want, I can provide a JavaScript/jQuery solution.


  •  

    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
    •