Grow your CSS skills. Land your dream job.

Make textarea and div look exactly the same

  • # October 19, 2009 at 2:42 pm

    Hello. I need to make div look exactly the same as textarea in IE, FF and Opera.

    I’ve set all known (and unknown) CSS items the same. But still, in FF text somehow much shorter =( IE is the most accurate browser in this case (amazing!).

    Can anyone help me with that?

    # October 19, 2009 at 2:52 pm

    This is where I’m testing it

    http://www.technocat.ru/div2textarea/fake.html

    And here’s what i’ve got =(((

    [img]http://img-fotki.yandex.ru/get/3711/shirokoff.f/0_36000_401837e7_orig[/img]

    # October 19, 2009 at 3:14 pm

    For me, in IE, the text difference is even worse. The font weight is rendered differently in the text box. The fake-textarea has a slightly heavier weight. I know you have them both to set to 700 but they weights are still different. You may want to play with the weights on each area till they match. A pixel or two can add up to make a huge difference.

    # October 20, 2009 at 5:53 am

    Yep. I’ve ruined something in CSS that kept IE rendering smooth and nicely. But still – theres a way to make IE render everything the way I want.

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

You must be logged in to reply to this topic.

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