Skip to Content
author's profile photo Former Member
Former Member

Input boxes massive in Apple Safari


I have noticed that the input fields are displayed very large, (depth not width) when browsing with Apples Safari. This affects the username and password field and also the onscreen textedit box appears to type messages like this in. I would say the keyed font is probably size 16 on my Macintosh The rest of the site works really well though.

I use Apple Safari all the time and have never noticed this on any other site I have been to on the web. I don't think it is a problem for Apple, perhaps I will have a look at the page source and try and figure it out also



Add a comment
10|10000 characters needed characters exceeded

Related questions

1 Answer

  • author's profile photo Former Member
    Former Member
    Posted on Oct 14, 2003 at 04:22 PM

    OK I have had a quick look at the source. The reason why the username and password box is so large is because you have specified them as height 20.

    The Browser is interpreting this correctly and threfore the font inside is also size 20 (I was wrong with my estimate of 16). The problem piece of code is:

    "try { if (event == null) { event = window.event; } if (event.keyCode == 13){doLogin();} } catch (e) {}"

    id="portalUserName0" style="WIDTH: 175px" name=

    "portalUserName" size="20" value=""></td>


    "try { if (event == null) { event = window.event; } if (event.keyCode == 13){doLogin();} } catch (e) {}"

    id="portalPassword0" style="WIDTH: 175px" type="password"

    name="portalPassword" size="20">

    The size needs to be reduced to something decent like 12.

    As for the textedit window, I tried to analyse the source but it is too dificult to read. For clarrfication purposes it only really affects you when you are replying to a message and it is the textedit box on the screen which has a font-size of 20.

    It may be worth getting the service to serve HTML output in readable format whilst the site is being tested, and once everthing is OK then change it back to the more efficient condensed format.


    Add a comment
    10|10000 characters needed characters exceeded

    • Former Member David Branan


      The other problem is that IE 5.2.3 which I also have, renders the text boxes so small that the text inside of them is unreadable. Perhaps this could be fixed instead?

      Have you tried implementing the text boxes as size 12 as opposed to 20 and seeing what happens with Netscape/IE, this simple fix would mean that it would also be fixed for me also. It seems a little lame to suggest that you do not support Safari when I have only found one simple thing wrong with the site which could easily be fixed and tested.


Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.