Designrfix
The problem is screen printed above. The css background attachment property loaded like default in IE6-7 is “scroll”. For IE6 you can make the background attachment “fixed” and no more scrolling. Not so with IE7.
Since Microsoft “corrected” the background attachment issues with IE7 and now is no way of having an overflow of text in a input or textarea element and not having the background scroll with the text, and if you try “background-attachment: fixed;” the background doesn’t even display.
Because is no really css hack what fix the problem, you need to think out of css. Instead to style just the textarea element, make a supplementary div like container for textarea and apply the background image to the div, instead to textarea. Let the textarea without border and background to make a proper overlay.
[code='css']
#contactForm textarea {
border:none;
background:none;
width:200px;
height:85px;
color:#c8c8c8;
padding:10px 0 0 10px;
overflow:hidden;
}
#contactForm .textarea {
width:215px;
height:100px;
background: url(../images/input-text.png) no-repeat;
}
[/code]
What a great resource!
uberVU - social comments
Fix IE7 scrolling background problem in textarea form fields … | Drakz Free Online Service
You are now listed on FAQPAL
Tweets that mention Fix IE7 scrolling background problem in textarea form fields | reADactor -- Topsy.com
tripwire magazine | tripwire magazine
40+ New Community Posts for Web Designers and Developers | Afif Fattouh - Web Specialist
This Weeks Twitter Design News Roundup N.21 - Speckyboy Design Magazine
Not much use unless the textarea has a solid background colour. No real solution for a gradient colour.
your comment can be useful if you read the articol first. the textarea have no background at all.
It’s really a good solution and I am in need of it for my present project thanks for this solution.
welcome
the question is, who at microsoft thought it would be a good idea to make the background image scroll in the first place? haha
thanks for the help!
when is talk about IE, is like you enter in crepuscular zone. IE for instance is more then Bruce Willis. Nothing die so hard then old versions of IE.
great post as usual!
Nice post. But, to quote above, “No real solution for a gradient colour.” I too am looking for something helpful in the gradient area.
MY IE is so buggy..this might help me..thanks
Its not only your IE, The whole Micro$oft is totally corrupt. they really made developers sick. its our nightmares with this bullshit browser!
maybe with IE9 the things will be different.
somehow you are true, I follow the news regarding to the upgrades taking place on IE9. but you know if the organization is corrupt what ever they produce will have many lack… they earn billions of dollars each year but they can’t solve their biggest bugs…
the disaster is that they accept that they are bullshitting!
I hope to see the day the Micro$oft gone down.
Thanks mate , it solved my scrolling problem and other ie bugs also .
Regards, A.k
Merci, bravo et respect.
good job! thnks for sharing
Dear IE:
Please Please Die.
Thanks,
I was trying to avoid this solution but I guess I have no choice >.<
Thanks for the tip, now it works with some horrible code:
http://pastebin.com/kr8EFi4T
I tried and it works thanks for sharing.
hm.. i did not agree with some of the things, nevertheless i do appreciated the post in general… the post was actually recommended to me by a buddy at digg and she was right. quite good read! Regards, Flyg Till Gotland
Wow, awesome blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your website is fantastic, as well as the content!. Thanks For Your article about Fix IE7 scrolling background problem in textarea form fields | reADactor .
Whats so special about this sites layout? I agree that the content is good and useful, but I am not loving the layout or color scheme of this site. Apart from that — Great Site – keep up the great work.
I like the valuable info you provide in your articles. I will bookmark your blog and test again here frequently. I am rather sure I’ll learn many new stuff right here! Best of luck for the following!