div und table

Question

Hallo zusammen

Kann mir einer erklären, wieso heute die Meinung vorherrscht, man solle DIV und keine TABLE nutzen um z.B. seine Seite in 3 Spalten einzuteilen? Und ich meine eine wirkliche Erklärung. Nicht sowas wie "das ist schlechter Stil" oder "sowas tat meine Oma früher" oder so... sondern etwas in der Art von "die Browser haben aus Grund xy ein Performance Problem"... weil, bisher habe ich echt noch nie eine Erklärung erhalten, welche ich nachvollziehen konnte.

danke für eure Inputs...

Answer 1

Hallo Rudolf,
schau mal ob Du hier aus deiner Sicht ein Argument oder gar eine Antwort findest:
http://www.webmasterpro.de/coding/article/tabellen-vs-css-layout.html

Grüße Alexander

Answer 2

Hallo Rudolf,
schau mal ob Du hier aus deiner Sicht ein Argument oder gar eine Antwort findest:
http://www.webmasterpro.de/coding/article/tabellen-vs-css-layout.html

Grüße Alexander

Hallo Alexander

Danke für den Link. Der ist echt interessant... und die Argumente sind eigentlich ganz gut. Ich bin ja auch nicht abgeneigt das zu tun. Nur wie gesagt... ich brauch schon einen Grund :-).

Was ich übrigens auch komisch finde ist, dass die meisten sagen, man solle divs mit dem display "table-cell" oder "table-row" versehen. Sind wir dann denn nicht wieder gleich weit wie vorher?

Rudolf

Answer 3

Hallo Rudolf,

ich persönlich nutze keine Table fürs Layout sondern Divs mit CSS. Bei Table muss man immer die Verschachtelung beachten Table > tr > td. Bei Divs muss ich das nicht beachten und gewinne mehr Freiheit. Grade beim responsiven Design und on the fly Manipulation mit Javascript ist das ganze einfacher zu händeln. Trotzdem finde ich das grundlegende Table Konzept sehr gut, deswegen nutze ich Bootstrap

Eine wirkliche Erklärung warum man Table nicht nutzen sollte, kann es meiner Meinung nach nicht geben. Auch eine Argumentation das div schneller ist als Table ist falsch. Jeder Browser interpretiert HTML/CSS anders. Das der Code durch Verwendung von divs besser zu lesen ist als mit Table ist genau so falsch. Dies liegt allein in den Händen des Entwicklers. Somit ist das nur Geschmackssache.

Viel wichtiger ist, ob man allein die Website entwickelt oder im Team aber auch für sich selbst oder einen Kunden. Ist es jeweils das letztere, sollte man sich an denn aktuellen Standard halten und dieser ist im Moment divs und css.

---

Gruß Thomas

Sage nie, ich kann es nicht - sage nur, ich kann es noch nicht!

Icon für UWP

Cross Platform Canvas for UWP, Android, iOS

UWP Community Toolkit Sample App

Alle Größenangaben in UWP müssen durch 4 teilbar sein

Answer 4

Hi,
ich kann Thomas nur zustimmen. Leider lassen sich nicht alle Design-Forderungen ausschließlich mit div's realisieren. So ist z.B. ein Design von 4 Elementen in einer Zeile, die sich an die Darstellungsbreite anpassen und unterschiedliches Alignment haben, ohne table nicht möglich.

---

--
Viele Grüsse
Peter Fleischer (ehem. MVP)
Meine Homepage mit Tipps und Tricks

Answer 5

gut, bleib ich bei Tabellen :-) ...

Ich hab nämlich auch bei gewissen Designs massive Probleme das umzusetzen. Und divs mit einem Style um sie wie Tabellenzellen arbeiten zu lassen bringt's ja eigentlich für's Ladeverhalten auch nicht.

Danke für die Antworten...

Answer 6

Ganz einfach, in Zeiten von Smartphones ist das A&O "Responsive Webdesign". Und das lässt sich nur mit DIVs umsetzen.

3 DIVs nebeneinander lassen sich bei kleiner werdender Breite untereinander setzen -  bei Tabellenzellen geht das nicht!

Answer 7

Ein CSS-Grid-Layout ist da der optimale Weg. Wurde in diesem Blog gut beschrieben: http://maddesigns.de/css-grid-layout-2764.html

Answer 8

meine Güte was feiert ihr den jetzt hier. Habt ihr nix zu tun? Soll ich euch ein paar Aufgaben geben?

---

Gruß Thomas
13 Millionen Schweine landen jährlich im Müll
Dev Apps von mir: UWP Segoe MDL2 Assets, UI Strings