Grow your CSS skills. Land your dream job.

textarea

  • # September 11, 2012 at 12:55 pm

    Hello, I wanna ask how to fix the textarea. Cuz on opero shows a different size than the firefox.

    # September 11, 2012 at 1:00 pm

    Please provide some code and throw it up on http://codepen.io or http://jsfiddle.net

    # September 11, 2012 at 1:08 pm

    #message-box {
    width: 484px;
    height: 180px;
    margin-bottom: 15px;
    }

    #message-box textarea {
    min-width: 484px;
    max-width: 484px;
    min-height: 40%;
    max-height: 100%;
    font-size: 1.2em;
    }

    # September 11, 2012 at 2:45 pm

    I don’t have Opera installed. Maybe someone else can chime in.

    # September 11, 2012 at 2:47 pm

    Why use a min-width for something like a textarea? I would play it safe and not let the size depend on the contents, but just give it a fixed width/height.

    # September 11, 2012 at 3:30 pm

    Why not just set a width of 100%, especially if it’s in a fixed container?

    # September 12, 2012 at 3:07 am

    I setting 100% cuz the text area can’t move him with max-width: 100%.
    So any sollution?

    # September 12, 2012 at 12:48 pm

    So someone can help me?

    # September 15, 2012 at 5:22 am
    textarea {
    width:100%;
    height:400px;
    border:1px solid black;
    padding:2px 4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    }
    # September 15, 2012 at 6:58 am

    Thanks, fixed. :)

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".