Textbox-Breite fixieren

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Textbox-Breite fixieren

    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?

  • #2
    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
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      was für einen textbox?
      input
      vielleicht irgendwo auch mit no-wrap gearbeitet?
      nein

      Code:
      "<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;
      }

      Kommentar


      • #4
        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
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


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

          Code:
          .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.

          Kommentar


          • #6
            also ich kann das beispiel nicht nachvollziehen:
            PHP-Code:
              input.TextBox_f
              
            {
                  
            width:100%;
                  
            font-size:9px;
                  
            font-family:Arial;
                  
            color:#00247E;
                  
            border-stylenone;
                  
            background-color#EEEEEE; 
                  
            text-aligncenter;
              }    
              
            table {
                
            width100%;
              }
            <
            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
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              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.

              Kommentar


              • #8
                ...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.

                Kommentar


                • #9
                  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
                  Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                  Meine Seite

                  Kommentar


                  • #10
                    Ich entwickle gerade nur im IE.

                    Hier noch 2 Screenshots:

                    Vorher:
                    Angehängte Dateien

                    Kommentar


                    • #11
                      Nachher:
                      Angehängte Dateien

                      Kommentar


                      • #12
                        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.

                        Kommentar


                        • #13
                          mit irgendwelchen breitenangaben mußt du aber arbeiten!

                          gruß
                          peter
                          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                          Meine Seite

                          Kommentar


                          • #14
                            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.

                            Kommentar


                            • #15
                              dann hast du keine chance. selbst wenn du ohne tabellen arbeitet.

                              gruß
                              peter
                              Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                              Meine Seite

                              Kommentar

                              Lädt...
                              X