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

Scroll problem textarea in IE7

  • # August 1, 2010 at 5:54 pm


    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.

    #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:

    # 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.

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

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed