Text Field Height issue with Firefox

Discussion in 'XML' started by somewildmonkey@yahoo.com, Aug 21, 2006.

  1. Guest

    I'm running Firefox version 1.5.0.6 and when I load an html file
    containing the code shown below, although both the text field and the
    button are defined as 24 pixels in height, the text field is displayed
    30 pixels tall. In Internet Explorer they display as specified.

    Any ideas why Firefox is adding 6 pixels to the height of the text
    field?

    - MB

    <?xml version="1.0"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </head>

    <input type="text" size="10" id="form1:textField1"
    name="form1:textField1" class="TxtFld" style=" height: 24px; left:
    20px; top: 80px; position: absolute; width: 220px" value="" />

    <input id="form1:button1" name="form1:button1" class="Btn2"
    style="height: 24px; left: 250px; top: 80px; position: absolute; width:
    70px" type="submit" value="Search">
    </input>

    </form>
     
    , Aug 21, 2006
    #1
    1. Advertisements

  2. HTML is not an XML language (at least, not until you get to XHTML, which
    is HTML's replacement), so you're somewhat off-topic in this forum. Try
    an HTML-specific or (probably more productively) a Firefox-specific
    discussion?
     
    Joe Kesselman, Aug 21, 2006
    #2
    1. Advertisements

  3. Guest

    Sorry about that :-/

    Thanks for the info - somehow I read the group name as comp.text.xhtml


    Joe Kesselman wrote:
    > HTML is not an XML language (at least, not until you get to XHTML, which
    > is HTML's replacement), so you're somewhat off-topic in this forum. Try
    > an HTML-specific or (probably more productively) a Firefox-specific
    > discussion?
     
    , Aug 21, 2006
    #3
  4. CSS-related question, so xpost and f'up2
    comp.infosystems.www.authoring.stylesheets.

    schrieb:
    > I'm running Firefox version 1.5.0.6 and when I load an html file
    > containing the code shown below, although both the text field and the
    > button are defined as 24 pixels in height, the text field is displayed
    > 30 pixels tall. In Internet Explorer they display as specified.
    >
    > Any ideas why Firefox is adding 6 pixels to the height of the text
    > field?
    >
    > - MB
    >
    > <?xml version="1.0"?>
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="http://www.w3.org/1999/xhtml">
    > <head>
    > </head>
    >
    > <input type="text" size="10" id="form1:textField1"
    > name="form1:textField1" class="TxtFld" style=" height: 24px; left:
    > 20px; top: 80px; position: absolute; width: 220px" value="" />
    >
    > <input id="form1:button1" name="form1:button1" class="Btn2"
    > style="height: 24px; left: 250px; top: 80px; position: absolute; width:
    > 70px" type="submit" value="Search">
    > </input>
    >
    > </form>


    --
    Johannes Koch
    In te domine speravi; non confundar in aeternum.
    (Te Deum, 4th cent.)
     
    Johannes Koch, Aug 21, 2006
    #4
  5. Johannes Koch wrote:
    > CSS-related question, so xpost and f'up2
    > comp.infosystems.www.authoring.stylesheets.
    >
    > schrieb:
    >> I'm running Firefox version 1.5.0.6 and when I load an html file
    >> containing the code shown below, although both the text field and the
    >> button are defined as 24 pixels in height, the text field is
    >> displayed 30 pixels tall. In Internet Explorer they display as
    >> specified. Any ideas why Firefox is adding 6 pixels to the height of
    >> the text
    >> field?
    >>
    >> - MB
    >>
    >> <?xml version="1.0"?>
    >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    >> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    >> <html xmlns="http://www.w3.org/1999/xhtml">
    >> <head>
    >> </head>
    >>
    >> <input type="text" size="10" id="form1:textField1"
    >> name="form1:textField1" class="TxtFld" style=" height: 24px; left:
    >> 20px; top: 80px; position: absolute; width: 220px" value="" />
    >>
    >> <input id="form1:button1" name="form1:button1" class="Btn2"
    >> style="height: 24px; left: 250px; top: 80px; position: absolute;
    >> width: 70px" type="submit" value="Search">
    >> </input>
    >>
    >> </form>

    >
    > --
    > Johannes Koch
    > In te domine speravi; non confundar in aeternum.
    > (Te Deum, 4th cent.)


    Please don't top post.
     
    Steve Kostecke, Aug 21, 2006
    #5
    1. Advertisements

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Jerry Manner
    Replies:
    5
    Views:
    714
    Jonathan N. Little
    Jun 9, 2005
  2. Replies:
    0
    Views:
    528
  3. ehm
    Replies:
    2
    Views:
    362
  4. Roy Adams

    writing from hidden field to text field

    Roy Adams, Dec 20, 2004, in forum: Javascript
    Replies:
    1
    Views:
    324
  5. Roy Adams
    Replies:
    3
    Views:
    437
    Dr John Stockton
    Dec 21, 2004
  6. Replies:
    13
    Views:
    484
    Dr John Stockton
    Jan 28, 2005
  7. Sound
    Replies:
    2
    Views:
    754
    Randy Webb
    Sep 28, 2006
  8. jr
    Replies:
    3
    Views:
    696
Loading...