input-Breite per CSS auf 100% setzen

[Latze Bierknecht]

Tach zusammen,

ich möchte ein input-Element in einer Tabellenzelle haben. Dieses input soll über die volle Breite gehen, also gebe ich ihr per CSS width:100%.
Leider wird dies aber nun so interpretiert, dass die Breite von 100% an das innere des input-Feldes gegeben werden. Der Rand zählt extra. Die Breite von 100% versteht sich gewissermaßen netto, padding und border sind extra.
Dadurch ragt das input leider rechts über den zur Verfügung stehenden Platz hinaus.
Ich hätte gern eine Brutto-Breite von 100%.

Hat einer von euch da einen Tip?

Gruß
Latze

[Gunnar Bittersmann]

@@Latze Bierknecht:

nuqneH

Hat einer von euch da einen Tip?

Ja, ich.

Qapla'

[Latze Bierknecht]

@@Latze Bierknecht:

nuqneH

Hat einer von euch da einen Tip?

Ja, ich.

Qapla'

Tach,

das ist genau der Tip, den ich brauchte. Danke.
Na ja, Firefox spielt anfangs nicht mit, aber mit

{
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

werden alle glücklich.

Gruß
Latze

[MudGuard]

Hi,

ich möchte ein input-Element in einer Tabellenzelle haben. Dieses input soll über die volle Breite gehen, also gebe ich ihr per CSS width:100%.
Leider wird dies aber nun so interpretiert, dass die Breite von 100% an das innere des input-Feldes gegeben werden. Der Rand zählt extra. Die Breite von 100% versteht sich gewissermaßen netto, padding und border sind extra.
Dadurch ragt das input leider rechts über den zur Verfügung stehenden Platz hinaus.
Ich hätte gern eine Brutto-Breite von 100%.

display:block + width:auto.

cu,
Andreas