 Tabellezellenhöhe
Sie möchten innerhalb einer Tabelle einheitliche Zeilenhöhen anzeigen lassen. Wenn sie dazu das HTML 'height'-Attribut einsetzen, kann es Probleme geben.
Grundsätzlich: Der Inhalt einer Tabellenzelle bestimmt die maximale Höhe, unabhängig von der Höhenangabe die nur die Mindesthöhe bestimmen kann. Außer mit CSS, wo es die Möglichkeit gibt Inhalte abzuschneiden, sollten die die Maßvorgaben überschritten werden (clip).
HTML: Höhenangaben durch Attribut 'height'
Höhenbestimmungen in <th>, <tr> und <td>-Tags die über das 'height'-Attribut eingetragen werden, sind nicht für jeden Bowser / jede Browsergeneration bindend.
 Einige Browser interpretieren height-Angaben in TD-Tags nicht:
<td height="120" ... >
<td height="30%" ... >
CSS: Höhenangaben durch style-Eintrag
Abhilfe schafft da nur die Einbindung von CSS-Anweisungen. Hier ein Beispiel einer Inline-Anweisung für die Zellenhöhe:
<td style="height:100px" ... >
Trick für die HTML-Version
Die Zellenhöhe in den einzelnen Zeilen einer Tabelle werden nicht automatisch gleich hoch angezeigt. Eine Tabelle würde ohne Vorkehrungen für eine bestimmte Höhe so aussehen:
| Zelle 1 |
Zelle 2 |
| Zelle 3 |
Das ist die Zelle 4 mit einem längeren Text, mit einem längeren Text und noch mehr Text |
|
Wünscht man gleiche Zellenhöhen, hilft ein transparentes Image. Fügt man ein transparentes Image passender Größe (Höhe) in eine Zelle einer ein, hat man eine Kontrolle:
Zelle 1 |
Zelle 2 |
| Zelle 3 |
Das ist die Zelle 4 mit einem längeren Text, mit einem längeren Text und noch mehr Text |
|
Transpixel herunterladen mit Rechtsklick:  transpixel.gif
Hier die Ansicht mit eingeschaltetem Rand für die Transpixel
Zelle 1 |
Zelle 2 |
| Zelle 3 |
Das ist die Zelle 4 mit einem längeren Text, mit einem längeren Text und noch mehr Text |
|
Zusätzlich immer die Tabellenbreite auch im einleitenden Tabellentag festlegen. Sonst bestimmen die Transpixel lediglich die Mindestbreite (bei einigen Browsern). Dieser Schutz wirkt nur bei Text. Breitere Images verberitern die Tabelle natürlich.
Das wird sie auch interessieren:
 Platzeinbußen durch Transpixel, Tabellenprobleme 03
absolute Breite berechnen, Tabellenprobleme 04
|
WWW.WEB-TOOLBOX.NET
ZURÜCK