Comments on: IE input background image issue http://pure-essence.net/2008/02/28/ie-input-background-image-issue/ you must visit this geeky girl's weblog! Tue, 10 Nov 2009 01:15:00 -0500 http://wordpress.org/?v=2.8.6 hourly 1 By: Noah http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-278910 Noah Wed, 14 Oct 2009 19:02:54 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-278910 [Comment ID #276106 Will Be Quoted Here] the bottom-right trick works fine, but putting equal padding on both right and left sides of the input box still breaks in IE for me.

tom on 4/9/2009 at 7:59 am said:

The aspect of positioning the background element to the bottom right did the trick for me.

background:#fff url(../Images/input285×28.gif) no-repeat bottom right

However, if you apply padding to the element

padding:6px 10px; background:#fff url(../Images/input285×28.gif) no-repeat bottom right

the text, as it it is typeed, will make the backgroud jump into and out of position. Applying even padding on the both the left and right side of the element will fix this issue.

Tom
Developer

the bottom-right trick works fine, but putting equal padding on both right and left sides of the input box still breaks in IE for me.

]]> By: Rachel http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-276665 Rachel Fri, 01 May 2009 02:30:22 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-276665 Great script, but what about for text areas? Great script, but what about for text areas?

]]> By: tom http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-276106 tom Thu, 09 Apr 2009 12:59:21 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-276106 The aspect of positioning the background element to the bottom right did the trick for me. background:#fff url(../Images/input285x28.gif) no-repeat bottom right However, if you apply padding to the element padding:6px 10px; background:#fff url(../Images/input285x28.gif) no-repeat bottom right the text, as it it is typeed, will make the backgroud jump into and out of position. Applying even padding on the both the left and right side of the element will fix this issue. Tom Developer The aspect of positioning the background element to the bottom right did the trick for me.

background:#fff url(../Images/input285×28.gif) no-repeat bottom right

However, if you apply padding to the element

padding:6px 10px; background:#fff url(../Images/input285×28.gif) no-repeat bottom right

the text, as it it is typeed, will make the backgroud jump into and out of position. Applying even padding on the both the left and right side of the element will fix this issue.

Tom
Developer

]]> By: Janis http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-275844 Janis Tue, 24 Mar 2009 01:45:49 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-275844 OK, so someone else <em>has</em> encountered this! I wander what is the explanation for IE to do this... OK, so someone else has encountered this! I wander what is the explanation for IE to do this…

]]> By: Daniel Nordstrom http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-275735 Daniel Nordstrom Tue, 17 Mar 2009 17:24:21 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-275735 Awesome, saved me some time. :) Thanks! :headphones: Awesome, saved me some time. :)

Thanks! :headphones:

]]> By: WiReDbeatBoX http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-275640 WiReDbeatBoX Wed, 18 Feb 2009 18:28:46 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-275640 [Comment ID #272111 Will Be Quoted Here] This is the solution right here, very simple, thanks Dennis.

Dennis on 12/1/2008 at 5:31 pm said:

try to set background position to “bottom right”, then it shouldn’t scroll on text overflow

This is the solution right here, very simple, thanks Dennis.

]]> By: Dennis http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-272111 Dennis Mon, 01 Dec 2008 22:31:54 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-272111 try to set background position to "bottom right", then it shouldn't scroll on text overflow try to set background position to “bottom right”, then it shouldn’t scroll on text overflow

]]> By: rr http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-270827 rr Sat, 01 Nov 2008 17:23:35 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-270827 if background-attachment:fixed worked in ie7, it's because it is in quirksmode, not XHTML strict. only xhtml-compliant solution is to wrap the input field in a span or div and apply the bg image to that. if background-attachment:fixed worked in ie7, it’s because it is in quirksmode, not XHTML strict. only xhtml-compliant solution is to wrap the input field in a span or div and apply the bg image to that.

]]> By: nick http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-269803 nick Sun, 12 Oct 2008 23:47:49 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-269803 background-attachment:fixed; seems to work in IE6 background-attachment:fixed; seems to work in IE6

]]> By: Dave http://pure-essence.net/2008/02/28/ie-input-background-image-issue/comment-page-1/#comment-264681 Dave Wed, 16 Jul 2008 18:22:32 +0000 http://pure-essence.net/2008/02/28/ie-input-background-image-issue/#comment-264681 Thanks for this. saved me a lot of time. Thanks for this. saved me a lot of time.

]]>