Als Benutzer von Word haben wir gelernt, Tabellen oder Tabulatoren zu verwenden, um Texte untereinander darzustellen. Diese Regel gilt jedoch nicht für die HTML-Welt, sprich: für Webseiten!
Seit der Erfindung des Smartphones nutzen immer mehr Menschen für den Besuch von Webseiten auch diese mobilen Geräte. Deren Bildschirme sind aber viel kleiner als die Computer- oder Laptop-Bildschirme. Webseiten, die nicht für alle Bildschirmvarianten optimiert sind, können auf Smartphones kaum sinnvoll genutzt werden. Manche Texte sind viel zu klein und kaum lesbar, Bilder erstrecken sich über den Bildschirmrand hinaus, usw.
Tabellen
Tabellen und responsives Webdesign vertragen sich nicht! Um zu erfahren, warum Tabellen zu vermeiden sind, schauen Sie sich einfach die untenstehende Beispiel-Tabelle auf einem Smartphone-Bildschirm an:
| Rang | Name | Vorname | Zeit |
| 1. | Im Glück | Hans | 1:17:33 |
| 2. | Lautenschlager | Sophie | 1:18:21 |
| 3. | Pfyl | Eva | 1:20:58 |
Hier haben wir das gleiche Problem wie bei Bildern. Ein Teil der Tabelle (die Spalten «Vorname» und «Zeit») befinden sich ausserhalb des rechten Bildschirmrands. Das ist nicht nur wenig benutzerfreundlich, sondern unbrauchbar!
Tabulatoren
Zu den Tabulatoren gibt es nur eines zu sagen: es gibt sie schlicht nicht in der HTML-Welt!
Pseudo-Tabellen mit Leerzeichen
Wenn schon keine Tabellen erlaubt sind, ist das Auffüllen mit Leerzeichen erst recht eine Todsünde! Das Ergebnis sieht fast immer mega-hässlich aus! Beispiel:
Rang Name Vorname Zeit
1. Im Glück Hans 1:17:33
2. Lautenschlager Sophie 1:18:21
3. Pfyl Eva 1:20:58
Es kommt eben auf die Schriftart an! Mit einer Nicht-Proportionalschrift wie «Courier New» wäre das Ergebnis ganz ordentlich. Aber wer würde eine Webseite mit einer Schreibmaschinen-Schrift wie «Courier New» besuchen wollen?