The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] Textarea / Input / Form – Problem with spacing

  • Anonymous
    # September 24, 2010 at 8:46 am

    Hi there,

    I am designing a web form and I can’t really tell, why there is extra space at the bottom of the textarea.
    This link might give you a better unterstanding (no worries, it is a link to an image, shared on cloadapp):

    Sorry for the german text, but this image shows – here in Safari – that there is some extra margin/padding after this textarea.

    Could anyone help me to clear this extra space, so there is equal space (top/bottom)?


    # September 24, 2010 at 8:54 am

    at the top of your css code, put this..

    margin: 0 auto;
    padding: 0;

    See if that works.

    # September 24, 2010 at 8:56 am

    Doesn’t work. I use Eric Meyer’s CSS Reset. It is much better than this simple reset.
    But thank you for your fast suggestion!

    # September 24, 2010 at 9:35 am

    We’re gonna have to see some code to see where the problem lies. You’ve probably set some margin-top or margin-down on either the button or the text field. Show some code and we can help you.

    # September 24, 2010 at 12:09 pm

    We’re gonna have to see some code to see where the problem lies.

    The user has provided a link to the problem page already:

    # September 24, 2010 at 12:55 pm

    Now I got it: I see there isnt a reset for input and textarea so I only need to write display:block and margin:0 and everything is fine.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed