Re: NN text field lengths and style sheet

by "Keith Sellars" <Keith(at)webgraffix.com>

 Date:  Tue, 16 Apr 2002 19:23:56 -0400
 To:  <hwg-basics(at)hwg.org>
 Cc:  <hwg-basics(at)hwg.org>
 References: 
  todo: View Thread, Original
Dave,

Cool.  Thanks for that input. I will definitely try that out next time and
see how it does.

Thanks,
Keith D Sellars
WebGraffix
www.webgraffix.com

"Making database sites seem easy"
----- Original Message -----
From: "Dave Lohr" <dlohr(at)weddingchannel.com>
To: "'Keith Sellars'" <Keith(at)webgraffix.com>
Cc: <hwg-basics(at)hwg.org>
Sent: Tuesday, April 16, 2002 3:11 PM
Subject: RE: NN text field lengths and style sheet


> I've also run into this.  It seems that Netscape renders Arial and Verdana
> fonts wider than IE does.  Hence, an input box will appear wider in NN
than
> IE.
>
> Try adding this to your style sheet:
>
> .form {font-family: courier;}
>
> and then in your form tag, put
>
> class="form"
>
> This will change the text within the input box to be courier, which seems
to
> maintain  the same size (almost) in both Netscape and IE.
>
> Dave Lohr
> WeddingChannel.com
>
>
>
> -----Original Message-----
> From: Keith Sellars [mailto:Keith(at)webgraffix.com]
> Sent: Sunday, April 14, 2002 8:03 PM
> To: hwg-basics(at)hwg.org
> Subject: NN text field lengths and style sheet
>
>
> OK, style sheet gurus.  I have a question for you.  If the lines following
> this paragraph are included in a style sheet within a web page (<style
> type="text/css">), it causes the width of any text fields within a form to
> be REALLY excessive, so much so that you cannot build a form with
consistent
> layouts when veiwed in NN vs IE.  After looking for hours and hours over
> several different days, I FINALLY figured out what was causing it.  My
> question is this: WHY does this occur?  The style sheet attributes should
> only affect the font sizes, and should not have anything to do whatsoever
> with form field lengths.
>
> table {  font-family: Arial, Helvetica, sans-serif; font-size:
> 10pt; color: #000000}
> td {  font-family: Arial, Helvetica, sans-serif; font-size:
> 10pt; color: #000000}
>
> Any ideas on this one???
>
>
>

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA