Tipps zum Bearbeiten von HTML-Tabellen in Visual Web Developer

Aktualisiert: November 2007

Der HTML-Tabellen-Editor von Visual Studio ist ein leistungsstarkes Tool zum Bearbeiten von HTML-Tabellen. Mit HTML-Tabellen können Sie das Layout von Webseiten festlegen und den Inhalt in Form von Spalten anzeigen. Die folgenden Tipps sollen Ihnen helfen, den HTML-Tabellen-Editor optimal einzusetzen.

Bearbeiten von HTML-Tabellen

In den folgenden Punkten wird die Bearbeitung von Tabellen allgemein beschrieben:

• Der HTML-Tabellen-Editor stellt eine Möglichkeit zum visuellen Bearbeiten von HTML-Tabellenelementen dar. Zu diesen Elementen gehören z. B. table, tr und td. Der HTML-Tabellen-Editor ermöglicht das bequeme Bearbeiten dieser Elemente. Er bietet jedoch keine Bearbeitungsmöglichkeiten für Features, die durch HTML-Tabellen nicht unterstützt werden.

• Der Tabellen-Editor kann zum Bearbeiten von HTML-Tabellen verwendet werden (table-Elemente und deren untergeordnete Elemente), jedoch nicht zum Bearbeiten des ASP.NET-Table-Steuerelements (asp:table-Element). Das ASP.NET-Table-Steuerelement wurde nicht für statische Layouts, wie sie bei HTML-Tabellen oftmals verwendet werden, sondern hauptsächlich für die programmgesteuerte Verwendung entworfen.

• Die Entwurfsansicht rendert die Tabelle fast genauso, wie sie im Browser angezeigt wird. Dies wird dadurch erreicht, dass die HTML-Elemente der Tabelle auf ganz ähnliche Art und Weise interpretiert werden wie von einem Browser. Weitere Informationen finden Sie in diesem Thema im Abschnitt "Verhalten beim Festlegen und Ändern der Größe".

Gültigkeitsbereich von Änderungen

Es ist hilfreich, wenn Sie verstehen, wie die Änderungen, die Sie in der Entwurfsansicht vornehmen, auf die Tabellenelemente angewendet werden. Beachten Sie Folgendes:

• Jede Zelle der Tabelle wird – wie in der Entwurfsansicht angezeigt – als Member der Zeile oder Spalte betrachtet, in der die Zelle beginnt. Eine Änderung an einer Zeile oder Spalte wirkt sich auf alle Member dieser Zeile oder Spalte aus. Die Zuordnung einer Zelle in der Entwurfsansicht zu einem entsprechenden td-Element in der Quellansicht führt möglicherweise nicht zu dem gewünschten Ergebnis, wenn die Zelle das colspan-Attribut oder das rowspan-Attribut enthält.

• Änderungen an einer Zeile wirken sich auf jedes td-Element in dieser Zeile aus. Sie haben jedoch keine Auswirkungen auf das tr-Element.

• Das Auswählen und Bearbeiten einer Spalte beeinflusst alle th -Elemente in der Spalte.

Verhalten beim Festlegen und Ändern der Größe

Der Tabellen-Editor produziert möglicherweise unerwartete Ergebnisse, wenn Sie die Abmessungen von Tabellen, Zeilen oder Spalten ursprünglich festlegen oder nachträglich ändern. Das Verhalten der Abmessungen von Tabellenelementen entspricht dem Verhalten, das die Tabelle im Browser aufweist. So wächst oder schrumpft beispielsweise eine Spalte, für die keine bestimmte Breite festgelegt wurde, in dem Maß, wie die Breite der gesamten Tabelle, die Breite der anderen Spalten in der Tabelle sowie der Inhalt aller Spalten wächst oder schrumpft.

Vorrang des Inhalts

Im Allgemeinen hat die Größe des Inhalts einer Zelle Vorrang vor den Breiten- und Höheneinstellungen von Zellen oder Zeilen. Wenn eine Tabelle zum Beispiel eine Grafik oder ein img-Element enthält, hat die Größe der Grafik Vorrang vor der Breite der Zelle und sogar der Tabelle. Dies gilt auch für Steuerelemente in Tabellenzellen.

Wenn eine Zelle Text enthält und das nowrap-Attribut der Zelle nicht festgelegt wurde, wird der Text auf die Breite der Zelle umgebrochen. Wenn der Text jedoch keine Leerräume wie Leerzeichen oder Satzzeichen enthält, kann der Text nicht umgebrochen werden, und die Breite der Zelle wird an die Länge des Texts angepasst.

Der Inhalt hat auch Vorrang vor der Zeilenhöhe. Das Umbrechen von Text innerhalb einer Zelle kann dazu führen, dass eine Zeile höher ist als in der height-Einstellung des tr-Elements festgelegt wurde, das die Zeile darstellt.

Richtlinien für das Festlegen und Ändern der Größe von Tabellen

HTML erlaubt die Zuweisung widersprüchlicher Werte für die Abmessungen einer Tabelle und der darin enthaltenen Elemente. Es ist beispielsweise möglich, einer Tabelle mit zwei Spalten eine Breite von 100 % und jeder einzelnen Spalte eine Breite von 100 Pixel zuzuweisen.

Die folgende Tabelle enthält eine Zusammenfassung der Handhabung von Größenangaben durch den Tabellen-Editor. Die Breite des Inhalts hat stets Vorrang.

Angegebene Abmessungen	Verhalten
Die Breite wird für die Tabelle und alle Spalten der Tabelle angegeben, die Höhe wird für die Tabelle und alle Zeilen der Tabelle angegeben.	Die Tabellenabmessungen haben Vorrang. Die Spalten- und Zeilengrößen werden proportional berechnet.
Die Breite wird für die Tabelle und einige Spalten der Tabelle angegeben, die Höhe wird für die Tabelle und einige Zeilen der Tabelle angegeben.	Die Elemente, deren Größe festgelegt wurde, werden mit festen Abmessungen gerendert. Die Größe der restlichen Elemente wird so angepasst, dass die gesamte Größe der Tabelle ausgefüllt wird. Hinweis: Der Tabellen-Editor zeigt die Breite von Tabellenelementen ohne Größenangabe als "Auto" an.
Die Breite wird für jede Spalte der Tabelle angegeben, nicht jedoch für die Tabelle selbst, oder die Höhe wird für jede Zeile, nicht aber für die Tabelle selbst angegeben.	Die Tabellenbreite oder -höhe wird durch Addition der Breite aller Spalten oder der Höhe aller Zeilen der Tabelle berechnet.
Breite und Höhe werden weder für die Tabelle noch für irgendeines der Elemente angegeben.	Die Breite und die Höhe werden vollständig auf Grundlage des Zellinhalts und des für den Rahmen benötigten Platzes berechnet.

Hinweis:
Wenn Sie die Größe einer Zeile oder Spalte ändern und die td-Elemente unterschiedliche Einheiten für Höhe und Breite verwenden, werden die Einheiten vom Tabellen-Editor in Pixel normalisiert.

Siehe auch

Konzepte

Einführung in die Bearbeitung von HTML-Tabellen in Visual Web Developer

Gewusst wie: Erstellen und Bearbeiten von HTML-Tabellen in der Entwurfsansicht