Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2003
    Location
    scotland, edinburgh
    Posts
    176
    Thanks
    5
    Thanked 1 Time in 1 Post

    Change size of input on text size increase IE6

    Hi,

    Quick question, is it possible to make text input field change in size when you change the text size in IE 6 by going to View -> Text Size?

    Thanks

  • #2
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Yes. something like
    Code:
    <input type="text" name="username" style="font-size:100%;" />
    Well it works for IE7 not sure on IE6 give it a try.
    You can not say you know how to do something, until you can teach it to someone else.

  • Users who have thanked timgolding for this post:

    tsclan (03-28-2009)

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by tsclan View Post
    Hi,

    Quick question, is it possible to make text input field change in size when you change the text size in IE 6 by going to View -> Text Size?

    Thanks
    Making an em based layout is an effective way to accomplish this in IE6, see http://jontangerine.com/log/2007/09/...youts-with-css
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    tsclan (03-28-2009)

  • #4
    Regular Coder
    Join Date
    Aug 2003
    Location
    scotland, edinburgh
    Posts
    176
    Thanks
    5
    Thanked 1 Time in 1 Post
    Thank you both for your helpful advice,
    I applied this style to my text input field and it now resizes with the text size:
    Code:
    style="width:7em; height:1em; font-size:1em;"
    Thanks again


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •