Gunnar Bittersmann: Problem mit display:table-cell in Safari... ungewollte Abstände erscheinen zwischen und unter den Zellen

Beitrag lesen

problematische Seite

@@awa

mit Freude habe ich kürzlich den Aufbau einer Seite von Tabellen auf Divs umgestellt

Die Freude kann ich nicht nachvollziehen. Tabellenlayout mit div ist genauso sinnfrei wie Tabellenlayout mit table. Du hättest einfach das Tag ergänzen können zu <table role="none presentation"> und es gut sein lassen.

Vernünftig wäre es gewesen, nicht divs zu verwenden, sondern passende HTML-Elemente für Seitenstruktur und Inhalte. Vernünftig wäre es gewesen, nicht Tabellenlayout nachzubauen, sondern responsive, was sich den Gegebenheiten des Ausgabegeräts anpasst.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sagtest du nicht was von „kürzlich“? Dann ist schon der Anfang nicht richtig.

Ich habe dazu kürzlich was geschrieben, wobei jeder der dort angesprochenen Punkte für dich relevant ist.

Was das Layouten betrifft: Beschäftige dich mit CSS Grid. Anleitungen dazu geben Rachel Andrew in Grid by example und Jen Simmons in ihrem YouTube-Kanla Layout Land. Im Wiki findest du weitere Links.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory