Textbox-Breite fixieren

[brainwave8]

Hallo zusammen,

ich habe in einer Tabellenzelle (TD) eine Textbox drin.
Die Breite des Textboxes soll sich automatisch an die Breite der Zelle
anpassen. Das funktionier auch soweit. Gebe ich in dem Textbox eine
lange Zeile ein, wächst die Breite des Texboxes und somit auch die Breite
der Tabelle.
Wie kann ich es mittels CSS so regeln, dass egal wie lange die eingegebe
Zeile ist, die Breite des Textboxe sich immer an die Breite der Tabellenzelle hält?

[Kropff]

was für einen textbox? input oder textarea? vielleicht irgendwo auch mit no-wrap gearbeitet? wie breit ist die zelle denn? online-beispiel oder quellcode verfügbar?

gruß
peter

[brainwave8]

was für einen textbox?

input

vielleicht irgendwo auch mit no-wrap gearbeitet?

nein

"<td><input type=\"text\" value=\"meintext\" name=\"F1\" class=\"TextBox_f\"></td>";

....

input.TextBox_f
{
	width:100%;
	font-size:9px;
	font-family:Arial;
	color:#00247E;
	border-style: none;
	background-color: #EEEEEE; 
	text-align: center;
}

[Kropff]

etwas mehr code sollte es schon sein. oder noch besser ein online-beispiel. denn eigentlich sollte das input-feld nicht größer werden.

gruß
peter

[brainwave8]

Was meinst du mit mehr Code? Das ist alles.
Die Tabelle ist super simple aufgebaut.
CSS:

.table_
{ 
	width:100%;
	border:0px; 
	border-color:#efefef;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:12px; 
	font-family:Arial, Geneva, Helvetica, Helv, sans-serif;
}

Die TDs sind unformatiert.
Online-Beispiel habe ich leider nicht.

Sobald ich die Box auf width:auto oder fixe Größe setze, passt alles.
Aber das will ich nicht, da die Box sonst keine dynamische Größe hat
und somit nicht die Zelle füllt.
Sie soll, wie gesagt, nur durch die Zelle (TD) breiter werden und nicht wenn man eine lange Zeile eingibt.

[Kropff]

also ich kann das beispiel nicht nachvollziehen:

  input.TextBox_f
  {
      width:100%;
      font-size:9px;
      font-family:Arial;
      color:#00247E;
      border-style: none;
      background-color: #EEEEEE; 
      text-align: center;
  }    
  table {
    width: 100%;
  }
<table>
    <tr>
      <td>bla blubb</td>
      <td><input type="text" value="meintext" name="F1" class="TextBox_f"></td>
    </tr>
  </table> 

bei mir wird nichts breiter.

gruß
peter

[brainwave8]

Ach ja, ich habe vergessen zu erwähnen, dass sich die Breite erst dann ändert,
wenn sich die Seite neu lädt. Quasi nach dem Response.

[brainwave8]

...das soll heissen, dass sich der Wert des Texboxes dynamisch ändert.
(Je nach Eingabe). Ist der Text zu lang, wird die Box dementsprechen breiter gezogen.

[Kropff]

und das nächste mal sagts du bitte, dass das problem nur im ie existiert. das problem kannst du nur lösen, indem du einem möglichen vorherigen oder nachfolgendem td (wovon du bis jetzt auch noch nichts gesagt hast), eine breitenangabe zuweist.

peter

[brainwave8]

Ich entwickle gerade nur im IE.

Hier noch 2 Screenshots:

Vorher:

[brainwave8]

Nachher:

[brainwave8]

Tja, eine Breitenzuweisung der TDs ist leider auch nicht möglich,
da die Werte aus der DB kommen und die länge der Werte natürlich
unterschiedlich sind.

[Kropff]

mit irgendwelchen breitenangaben mußt du aber arbeiten!

gruß
peter

[brainwave8]

Meine Contentbreite darf nicht breiter als 900px werden.
Somit darf die gesamte Tabelle auch nicht breiter werden. Innerhalb
der Tabelle können die Spalten allerdings, je nach Inhalt, unterschiedlich breit sein. Da die Tabelle dynamisch aufgebaut wird, kann ich keine
fixe Breite angeben, da die Breite der Spalten bzw. Zellen ja dynamisch
sein sollten.

[Kropff]

dann hast du keine chance. selbst wenn du ohne tabellen arbeitet.

gruß
peter