Zeilenumbrüche in Tabellen

[Ashura]

Hallo c.i.b.magic.

Es sollte aber so aussehen
4711   hier kommt ein fürchterlich
       langer text in die Zelle
4712   hier ein kurzer Text
4713   und hier wieder was richtig
       langes

Also eine solche Struktur?

<table>  
  <tr>  
    <td>4711</td>  
    <td>hier kommt ein fürchterlich langer text in die Zelle</td>  
  </tr>  
  <tr>  
    <td>4712</td>  
    <td>hier ein kurzer Text</td>  
  </tr>  
  <tr>  
    <td>4713</td>  
    <td>und hier wieder was richtig langes</td>  
  </tr>  
</table>

Kennt jemand eine Möglichkeit, via CSS o.ä. mein gewünschtes aussehen hinzubekommen ?

Du könntest alternativ auch die Nummer in ein Element packen (span, o. Ä.), dieses per display:block formatieren, ihm eine angemessene Breite verpassen und es links floaten lassen. Der Text daneben benötigte dann nur noch ein margin-left, welches ebenso groß ist, wie die Breite des Elementes, in dem sich die Nummer befindet.
Erschwert wird das Ganze aber durch deine gewünschte Optik. Das Element, in dem Nummer und Text stehen muss daher einen von „visible“ abweichenden Wert für overflow bekommen und der Text muss ebenfalls in ein Element gepackt werden und floaten.

Ich persönlich erkenne hier aber tabellarische Daten, weshalb eine Tabelle hier sehr gut geeignet ist. Es gibt zudem <http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#table@title=nützliche vorgefertigte Methoden zum Manipulieren von Tabellen>.

Einen schönen Donnerstag noch.

Gruß, Ashura