Overflow

[Subur Tandun]

Hallo Leute,

ich moechte das einzeillige Eingabefeld mit variablen Laengen in einer festen Groesse von Tabelle erzwingen.

<span style="width:100px; max-width:100px;">
   <table  width="80%" border="2" align="center">
      <tr>
           <td>
                 <span style="overflow:hidden">
                 <input  id="description" name="description" size="groesser/laenger als die Tabelle">
                 </span>
           </td>
      </tr>
   </table>
</span>

Tja, richtig geraten, es funktioniert nicht :-)
Die Frage ist nur, was ist falsch oder wie kann man anders machen?

Danke!

Viele Gruesse,
-Subur-

[Thomas J.S.]

Hallo!

3 Fehler hast du:

1. <span> als inline Element kann keine blocklevel Elemente, wie <tabel> enthalten.

2)bei overflow muss du width und height auch angeben.

3. <input> ohne type.

Die anderen Fehler sind nicht so gravierend.

Lösung unten geht nur mit dem IE, denn für NS 1) muss du <form><input>/form> angeben
2) NS kennt den overflow nicht.

Grüße
Thomas

<div style="width:100px; max-width:100px;">
<table  width="80%" border="2" align="center">
<tr>
<td>
<div style="width:100%; height:30px; overflow:hidden;">
<input type="text" value="Ein langer Text der am Ende abgeschnitten wird">
</div>  
</td>
</tr>
</table>
</div>

[Subur Tandun]

Hallo Thomas,

danke fuer die schnelle Antwort.

3 Fehler hast du:

1. <span> als inline Element kann keine blocklevel Elemente, wie <tabel> enthalten.

2)bei overflow muss du width und height auch angeben.

3. <input> ohne type.

Die anderen Fehler sind nicht so gravierend.

Lösung unten geht nur mit dem IE, denn für NS 1) muss du <form><input>/form> angeben
2) NS kennt den overflow nicht.

Ja, es sieht so aus. Wie kann man das Problem anders loesen fuer Netscape, gibt's noch
andere Befehle, die man einsetzen kann?
Ich muss leider fuer Netscape programmieren.

-Subur-

[Thomas J.S.]

Hallo!

»»Wie kann man das Problem anders loesen fuer Netscape, gibt's noch andere Befehle, die man einsetzen kann?

Ich muss leider fuer Netscape programmieren.

Eventuell clipping kannst du versuchen (geht aber nur mit Positionierung zusamen.)

http://www.w3.org/TR/REC-CSS2/visufx.html#overflow-clipping

Grüße
Thomas

[Subur Tandun]

Hi Thomas,

Eventuell clipping kannst du versuchen (geht aber nur mit Positionierung zusamen.)

wird das Eingabefeld  in meinem Fall abgeschnitten, und das Ende des Feldes
nicht mehr angezeigt?
Das ist natuerlich nicht so schoen,
was ich mir wuensche ist, dass das gesamte Eingabefeld angezeigt wird, UND die Laenge
muss angepasst an die Laenge der Tabelle.
Geht's es? Nochmal jede Hilfe ist erwuenscht :-)

-Subur-