Bootstrap: Input Boxen sind zu klein

[admin]

Hallo,

ich experimentiere im Moment etwas mit dem Bootstrap Framework (Bootstrap, from Twitter), welches ganz interessant aussieht.

Jetzt möchte ich ein Formular bauen. Wenn ich das genau identisch zu dem Beispiel in der Doku unter Bootstrap, from Twitter tue, dann schauen bei mir die Input-Felder zu klein (zu wenig hoch) aus. Das Problem ist ganz gut hier zu sehen:
Register for cruisewatch.net

Es hängt irgendwie an der "height"-Definition der Input Felder. Die steht eigentlich auf 18px; davon ist aber im Browser nix zu sehen. Wenn ich im Firebug die explizite height-Definition ausschalte dann sind die Felder annähernd richtig hoch, das ist aber kaum der Sinn der Sache.

Könnt Ihr sehen was die Height-Angabe der Input Fields dort stört?

Freue mich auf jeden Hinweise ;)

Grüße,

Carsten

 

[alogheo]

in der bootstrap-1.1.1.css wird die Höhe der input-Felder auf 18px gesetzt:

input[type=text],
input[type=password],
textarea,select,
.uneditable-input{ 
  display: inline-block;
  width: 210px;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
[I][B]​  [/B][/I][U][I][B]height: 18px;[/B][/I][/U] 
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

 

[admin]

in der bootstrap-1.1.1.css wird die Höhe der input-Felder auf 18px gesetzt]

Ja, ist mir bewusst. Nur sind 18px in der Demo (Link1) auch wirklich 18px und 18px bei mir (Link 2 - cruisewatch) einfach viel weniger. In der Anzeige in FF sind das niemals 18px.

 

[ka9de]

Bei dir wird das padding nicht dazugerechnet.. habe jetzt auch keinen Fehler finden können, komisch.

 

[threadi]

Bei mir sieht es jetzt im FF völlig ok aus? Gelöst?