Startseite ⇒ HTML Tabelle ⇒ Grösse
741 Aufrufe

Höhe und Breite von HTML Tabellen


Beim Erstellen einer HTML Tabelle, haben Sie die Möglichkeit Höhe und Breite der Tabelle, sowie Höhe und Breite einzelner Zeilen und Spalten zu definieren. Die Angaben für die Höhe und Breite kann sowohl in Pixel (px) als auch in Prozent (%) angegeben werden.


Breitenangaben bei einer HTML Tabelle


Beschreibung:

Mit dem Attribut width="Wert" können Sie die Breite der gesamten Tabelle, sowie die Breite der Reihen und der Zellen bestimmen. Dabei kann für "Wert" eine Zahl in Pixel (z.B. 12px) oder in Prozent (z.B. 50%) angegeben werden.


Hinweis:

Das Attribut width="Wert" in Verbindung mit den HTML Elementen tr, th, td gilt als DEPRECATED (mißbilligt) und wird zukünftig nicht mher zum HTML Standard gehören. Nutzen Sie stattdessen StyleSheets. Einzig die Gesamtbreite der Tabelle, also das Attribut width="Wert" in Verbindung mit dem HTML Element table bleibt zukünftig erhalten.


Beispielwerte:


<table width="100%"> Die Tabelle hat eine Größe von 100 Prozent Breite zum Elternelement
<td width="60%> Die Zelle (Spalte) hat eine Größe von 60 Prozent Breite zum Tabelle
<table width="250px"> Die Tabelle hat eine Größe von 250 Pixel
<tr width="77px" Die Zeile hat eine Größe von 77 Pixel

Quelltext: 
<table border="1" width="100%">
  <thead>
    <tr>
      <th>Attribut</th>
      <th>Funktion</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>width="Wert"</td>
      <td>Bestimmt die Breite</td>
    </tr>
    <tr>
      <td>height="Wert"</td>
      <td>Bestimmt die Höhe</td>
    </tr>
  </tbody>
</table>
Ausgabe:
Attribut Funktion
width="Wert" Bestimmt die Breite
height="Wert" Bestimmt die Höhe


Höhenangabe bei einer HTML Tabelle


Beschreibung:

Mit dem Attribut height="Wert" können Sie die Höhe der gesamten Tabelle, sowie die Höhe der Reihen oder der Zellen bestimmen. Dabei kann für "Wert" eine Zahl in Pixel (z.B. 12px) oder in Prozent (z.B. 50%) angegeben werden.


Hinweis:

Das Attribut height="Wert" wird zwar von den Browsern schon lange unterstüzt gehörte aber nie zum HTML-Standard und ein HTML-Dokument, welches dieses Attribut benutzt gilt nicht als VALIDE. Wollen Sie die Höhe einer Tabelle oder die Höhe von Tabellen-Reihen oder -Zeilen bestimmen nutzen Sie StyleSheets.



Weiterführende Informationen:


Weblinks: