Oliver Alich: Netscape input-tag size bug bei Stylesheets

Hallo zusammen,

ich stehe vor dem Problem, dass Netscape (win 4.x) ein input-tag, das innerhalb einer Tabelle steht, immer größer darstellt, als außerhalb von Tabellen, wenn das td-tag in einer Stylesheet mit einer font-Angabe deklariert wird.

z.B.
<style>
td {font-family: arial}
</style>
<form method="" action="">
<input type="text" size="1" maxlenght="1" name="foo">
<table><tr><td>
<input type="text" size="1" maxlenght="1" name="foo">
</td></tr></table>
</form>

Dummerweise benötige ich aber eben möglichst kleine Input-Felder für ein HTML-Kreuzworträtsel. Im IE ist das ganze kein Problem, da gebe ich einfach in der Stylesheet eine width- und height-Angabe an.

Hat jemand einen Workaround parat?

Oliver

  1. Hallo Namensvetter.

    ich stehe vor dem Problem, dass Netscape (win 4.x) ein input-tag, das innerhalb einer Tabelle steht, immer größer darstellt, als außerhalb von Tabellen, wenn das td-tag in einer Stylesheet mit einer font-Angabe deklariert wird.

    Dummerweise benötige ich aber eben möglichst kleine Input-Felder für ein HTML-Kreuzworträtsel. Im IE ist das ganze kein Problem, da gebe ich einfach in der Stylesheet eine width- und height-Angabe an.

    Hat jemand einen Workaround parat?

    Ich hab zwar keinen richtigen Workaround, aber einen Vorschlag:
    Lege um das Input-Feld ein DIV, dem du mit CSS eine geringe Schriftgröße zuweist.
    Etwa so: <div style="font-size:5px;"><input...></div>

    Einen schönen Tag noch.

    olli

    1. Hallo olli,

      guck mal auf http://www.officedv.at/stporder.php

      [input type="Text" name="Ort" value="" size="25" style="width:275px" maxlength=""]

      Dann siehts in beiden ähnlich aus, du musst nur ein bisschen rumprobieren.

      Wie viel z.b. 20 size in Pixel ist.

      Eckige Klammern durch spitze ersetzen.

      mfg Rene