Hallo zusammen,
ich habe folgendes Problem, bei dem mir hoffentlich jemand weiterhelfen kann. Es geht darum, dass ich absolut fixe Zellenbreiten brauche. Wenn der Inhalt einer Zelle länger ist, soll er abgeschnitten werden. Gegeben ist folgender Style und folgende Tabelle:
<style>
.tableau{
white-space: nowrap;
overflow: hidden;
display:block;
}
</style>
<table border=0 class="tableau">
<colgroup>
<col style="width:150px" >
<col style="width:100px" >
<col style="width:150px" >
<col style="width:120px" >
<col style="width:120px" >
<col style="width:110px" >
</colgroup>
<tr>
<td>Spalte 1</td>
<td>Spalte 2</td>
<td>Spalte 3</td>
<td>Spalte 4</td>
<td>Spalte 5</td>
<td>Spalte 6</td>
</tr>
<tr>
<td>Spalte 1</td>
<td>Spalte 2</td>
<td>gaaaaaaaaaaaaaaaaaaaaaaaaaaaaanz langer Text</td>
<td>Spalte 4</td>
<td>Spalte 5</td>
<td>Spalte 6</td>
</tr>
[...]
Zeile n
[..]
</table>
Dies funktioniert im IE super, der Firefox schluckt dies leider so nicht.
Wenn ich aber nun folgendes probiere, geht es:
[...]
<td style="width:150px" />Spalte 1</td>
<td style="width:100px" />Spalte 2</td>
<td style="width:150px" />Texte, die länger als 150px sind werden jetzt abgeschnitten</td>
<td style="width:120px" />Spalte 4</td>
<td style="width:120px" />Spalte 5</td>
<td style="width:110px" />Spalte 6</td>
[...]
Kurzum: Ich will vermeiden, in jedes TD-Tag eine Breitenangabe (in Form eines Style- oder Classattributs) zu packen.
Kann mir jemand helfen?
Vielen Dank schonmal.
Gruß,
Max