Wenn Sie Tabellen für das Seitenlayout verwenden (ein Nein-Nein in XHTML), ist es wahrscheinlich, dass Sie in Ihren Layouts unansehnlichen zusätzlichen Platz haben. Um dieses Problem zu beheben, müssen Sie sowohl Ihre HTML-Tabellendefinition als auch die Besonderheiten jedes maßgebenden Stylesheets überprüfen.
HTML-Tabellendefinition
Der HTML-Code Etikett für Tabellen steuert einige Abstandsanforderungen standardmäßig nicht. Bestätige drei Dinge über die Tabelle -Tag in Ihrem HTML-Dokument:
- Hat Ihre Tabelle das cellpadding-Attribut auf 0 gesetzt?
Zellenauffüllung="0"
- Ist in Ihrer Tabelle das Cellspace-Attribut auf 0 festgelegt?
Zellenabstand="0"
- Gibt es Leerzeichen vor oder nach Ihrem Inhalt und den Tags der Tabelle?
Nummer 3 ist der Kicker. Viele HTML-Editoren möchten, dass der Code alle beabstandet ist, damit er leicht lesbar ist. Aber viele Browser interpretieren diese Tabulatoren, Leerzeichen und Wagenrückläufe als gewünschten zusätzlichen Platz in Ihren Tabellen. Beseitigen Sie den Leerraum, der Ihre Tags umgibt, und Sie erhalten klarere Tabellen.
Stilvorlagen
Es kann jedoch nicht der deaktivierte HTML-Code sein. Cascading Style Sheets steuern einige Anzeigeattribute von Tabellen und je nach Seite haben Sie möglicherweise absichtlich tabellenspezifisches CSS hinzugefügt oder nicht.
Durchsuchen Sie die maßgebliche CSS-Datei nach einem der folgenden Werte innerhalb der Tabelle, das, oder tdEigenschaften und passen Sie sie nach Bedarf an:
- Rand: Gibt die Attribute eines Tabellen- oder Zellenrahmens an
- Grenzkollaps: Behandelt benachbarte Ränder als einen, um doppelte Randbreiten zu vermeiden
- Polsterung: Bietet um jede Zelle Leerraum in Pixeln
- Textausrichtung: Bestimmt die Ausrichtung des Textes innerhalb der Zelle
- Grenzabstand: Legt den Abstand zwischen den Zellen in Pixel fest
Alternativen
Obwohl Sie weiterhin HTML-Tabellen verwenden können (der Standard ist gut etabliert und wird in heutigen Browser) verwendet das meiste moderne responsive Webdesign Cascading Stylesheets, um Elemente auf einer Seite zu platzieren. Tabellen sind für ihren ursprünglichen Zweck, Tabellendaten anzuzeigen, immer noch sinnvoll, aber zum Organisieren des Layouts und des Inhalts einer Seite ist es viel besser, stattdessen CSS-Layout zu verwenden.