How to remove extra space at bottom of form?

Discussion in 'CSS' started by Wrighteq, Apr 7, 2007.

  1. #1
    I have a simple form with a 1 line box and a submit button.

    It is housed in a CSS divider and there is an extra 10-15 pixels on the bottom of the form that I cannot get rid of.


    How do I go about removing the extra space on the bottom of the form so that it sits only 1-2 pixels above the divider bottom and not the 10-15 as it is now.



    Thanks
     
    Wrighteq, Apr 7, 2007 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    Just a guess, since you forgot to post your code: the form element has margin-bottom; the last element in the form has margin-bottom; the element following the form has margin-top.

    'Course seeing the page would help.:)

    cheers,

    gary
     
    kk5st, Apr 7, 2007 IP
  3. Wrighteq

    Wrighteq Active Member

    Messages:
    75
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #3
    The yellow box is 1 divider and for testing purposes I have set the form CSS to have a 1 pixel border.

    I see what you're saying, and setting margin-bottom does set the bottom of the border to the end of the divider. However I am looking to decrease the size of the form border itself. As you can see below the text box and Sign up button there is around 15 extra pixels that just wont budge. I would like to reduce the size so that I can get rid of that extra space.

    I tried negative margins, but there is still 10 pixels I just can't get rid of.


    Thanks
     

    Attached Files:

    • css.JPG
      css.JPG
      File size:
      14.5 KB
      Views:
      304
    Wrighteq, Apr 7, 2007 IP
  4. Wrighteq

    Wrighteq Active Member

    Messages:
    75
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    Ok I was sort of able to take care of the problem. However in IE fox some reason there is an extra 5 pixels on the bottom of the form that screws up the alignment of the div.
     
    Wrighteq, Apr 7, 2007 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    And the code is where?

    gary
     
    kk5st, Apr 7, 2007 IP