Previous Message
Next Message

Textarea padding and scrolling

Sent by Richard Grevers on 3 March 2008 19:07


On 3/1/08, Valerie Wininger [EMAIL-REMOVED]> wrote:
> Ray,
>
>  I added a background-color:white to the div containing the overlay and then
>  played with the margins a bit, as well as the position of that div.  This is
>  the result:  http://valeriewininger.com/css_list/test.html
>
>  It looked right in firefox and ie6 and 7.
>  Hope this helps!
>  Valerie
>
>
>  On Fri, Feb 29, 2008 at 9:20 AM, Ray Costanzo [EMAIL-REMOVED]> wrote:
>
>  > Hi list,
>  >
>  > I'm trying to display some text that appears at the bottom right of a
>  > textarea, but the text is not part of the content of the textarea.   This
>  > works fine, but the problem is that in IE, that when you are typing at the
>  > bottom of the textbox, it doesn't scroll in the same way that firefox
>  > does,
>  > and you wind up typing over the overlaid text.  Is there anything
>  > css-related that I can do to get IE to behave the way Firefox does?  In
>  > Firefox, when you pad the bottom of the textarea, the vertical scrollbar
>  > does not extend into the padded area.  This works perfectly for my needs,
>  > but IE doesn't do it this way.  Any ideas?
>  >
Ray's original example has problems since text colour is specified but
background isn't: The light grey almost matched my default background
making the overlay text  almost invisible. The padding works in Opera,
however.

Valerie's version causes some display glitches in Opera. In version
9.26, scrolling the textarea causes white artefacts to partially
obscure the text. These are gone in the latest 9.5 weekly, but the
overlay does partly (50%) cover the vertical scrollbar and its bottom
arrow button.

-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: