Grow your CSS skills. Land your dream job.

Scroll problem textarea in IE7

  • # August 1, 2010 at 5:54 pm

    Hi,

    I’m working on a form/contact page and I’m running into a problem with IE7.
    When you paste/write a large text in the text area and you want to scroll not only the text will scroll but the whole form block image scrolls. I only get this problem in IE7, Safari, Firefox is working fine.
    Anybody know what the problem is? Thanks in advance.

    Code:
    #labelInquiry {
    text-indent: -9999px;
    width: 164px; height: 15px;
    margin: 3px 0px 0px 0px;
    background: url(../images/sprites_eng/forms_all_sprite.gif) no-repeat -10px -55px;
    }
    #inputInquiry {
    width: 348px; height: 132px;
    padding: 0px 4px 0px 4px;
    background: url(../images/sprites_eng/forms_all_sprite.gif) no-repeat -242px -868px;
    border: 0;
    overflow: auto;
    resize: none;
    }

    Full css in page source: css/contact.css

    Here’s the link:
    http://www.benzai.nl/preview/gojemster_com/contact.html

    # August 2, 2010 at 2:13 am

    make a new div and apply the background to that div only. Then but the input for the text inside the div and apply the overflow to the input only

    # August 4, 2010 at 5:31 am

    Thanks. I’ll try that.

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

You must be logged in to reply to this topic.

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