Die Notwendigkeit, die Tabelle auf die gesamte Fläche des Browserfensters auszudehnen, entsteht beispielsweise, wenn das Seitendesign innerhalb der Tabelle platziert wird. Die Lösung dieses Problems erfordert kein Schreiben von komplexem Code, erfordert jedoch die Berücksichtigung einiger Merkmale des Markups von Webseiten.
Notwendig
Grundkenntnisse in HTML
Anweisungen
Schritt 1
Zunächst müssen Sie die Bedeutung der bevorstehenden Operation klären. Im HTML-Code sind Tabellenseiten ein Satz verschachtelter gepaarter Tags (ein öffnender und ein schließender Tag). Zell-Tags (
) sind innerhalb von String-Tags (
) und diese wiederum in Tabellen-Tags (
). Im Eröffnungs-Tag der Tabelle können Sie deren Breite und Höhe sowohl in absoluten Einheiten (Pixel) als auch relativ (Prozentsätze) festlegen. Bei relativen Größen werden Breite und Höhe des Elternelements der Tabelle als 100 % angenommen. Wenn Sie eine Tabelle direkt im Hauptteil der Seite platzieren (und nicht in einer Ebene, einem Formular, einer anderen Tabelle usw.), sind die Abmessungen des übergeordneten Elements die Breite und Höhe der Seite. Dies bedeutet, dass Sie, um den Tisch auf den gesamten freien Raum auszudehnen, 100% horizontale und vertikale Abmessungen angeben müssen.
Schritt 2
Jetzt können Sie damit beginnen, dies in HTML umzusetzen. Die Breite und Höhe der Tabelle wird durch die Attribute width und height angegeben. Der Tabellencode, der 100 % der Abmessungen in alle Richtungen angibt und zum Beispiel mit zwei Zellen in einer Reihe ist, kann also so aussehen:
| linke Zelle der Tabelle | rechte Zelle der Tabelle |
Schritt 3
Die Angabe von 100 % Breite und Höhe reicht aus, um die Tabelle zu strecken, wenn Sie den richtigen HTML-Standard wählen, nach dem der Browser den Seitencode lesen soll. Das Tag wird in der allerersten Zeile des Dokuments platziert. Sie benötigen ein Tag mit folgendem Inhalt:
Schritt 4
Und noch ein Punkt sollte in Ihrem Code berücksichtigt werden: Die Seite wird standardmäßig um einige Pixel von den Rändern des Fensters eingerückt, sodass sich die Tabelle auch nach dem Ausfüllen der gesamten Seite nicht über das gesamte Fenster erstreckt. Um diese unnötigen Felder zu eliminieren, können Sie in den entsprechenden Attributen im öffnenden Tag des Seitenrumpfs () Nulleinzüge angeben:
Schritt 5
Nach dem Zusammenbau sieht der gesamte Seitencode mit einer auf die volle Breite und Höhe des Bildschirms gestreckten Tabelle wie folgt aus:
Gestreckter Tisch
| linke Zelle der Tabelle | rechte Zelle der Tabelle |
