Submit knap forkert størrelse i forhold til input felter

Koden ser sådan ud :

<input type="text" name="username" style="width: 150px;">
<input type="password" name="password" style="width: 150px;">  <== Bliver mindre end input-feltet

Hov, det var forkert. Ovenstående bliver lige store. Det er denne der bliver mindre :

<input type="submit" value="Login" style="width: 150px;">

<ole>

Et elements borders bliver lagt til størrelsen. Input-felter er født med 1px bredde borders ... derfor bliver feltet 2px større  ;o)

/mvh
</bole>

http://powerzone.dk/testing/

Siden kan ses dér - jeg tror det er mit stylesheet der fejler noget.

Olebole > Submit-feltet har da også en border ?!

Submit-knappen mente jeg naturligvis (Det går godt :)

I øvrigt har jeg i mit stylesheet :

input {
  border: 1px solid #000000;  <== Så jeg har både borders på submit og input
}

?

Ja, men de virker ikke ens ... eneste vej udenom er at lave dine felter 2px smallere. Det er et gammelt, velkendt 'problem'  :)

Ok, *pyhh*. Og jeg som troede at jeg havde lavet en fejl. Egentlig rart at vide, at fejlen ikke er min :)

Tusind tak. Smider du et svar ? :)

Du kan sikkert også lægge dem i en container med en bestemt bredde - og så sætte både knap og felt til width:100%. Så skulle de gerne blive lige brede  :)

Med container mener du en boks, fx div eller en celle i en tabel, ikke ?

yups ... prøv at se, om det hjælper  :)

Vil jeg gøre - tak igen :)

Hej Olebole.

Jeg håber jeg lige kan fange dig herinde, selv om indlægget er lukket.

Hvad er grunden til, at drop down menuerne heller ikke passer i størrelsen? Samme problem som input-felterne? De ser ud til at være én pixel mindre end et input-felt - og det på trods for, at deres borders er dobbelt så tykke som input-felternes border.

Jeg vrøvlede. Menuerne er 3 pixels større end input-felterne. Men det giver stadig ikke mening, når de burde være 4

Årsagerne kan ikke give dig - men der har altid været forskelle i renderingen af formfelter ... c'est la vie  :)