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
    Feb 2012
    Posts
    24
    Thanks
    8
    Thanked 0 Times in 0 Posts

    CSS: unable to determine padding

    my site is www.hbbweb.com.

    I am trying to allign my top menu with the bottom of the header so that it is in line with the bottom of the logo. I want the base of the logo and the base of the menu to sit along the bottom of the header where the color changes.

    my menu was alligned along the top of the header. I did find the below code and changed the padding, however this just moves the logo and the menu down. but down not allow me to allign the menu with the bottom.

    Code:
    #header {padding:2px 0 2px;clear:both;position:relative;}
    so I added this to my css
    Code:
    #navigation {padding:0 0 2px;clear:both;position:relative;}
    that got my menu alligned along the bottom but has created space in between the logo and menu.

    How do I remove the vertical blank space so that all of this sits at the same height?

    Thanks!

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    I think it's the clear:both that's your problem. Try:

    Code:
    #navigation {
        margin-top: 85px;
        padding: 0 0 2px;
        position: relative;
    }

  • Users who have thanked SB65 for this post:

    tom.w (02-07-2012)

  • #3
    New Coder
    Join Date
    Feb 2012
    Posts
    24
    Thanks
    8
    Thanked 0 Times in 0 Posts
    perfect. thanks!


  •  

    Posting Permissions

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