Wann sollte man DIV, wann TABLE einsetzen?

Status
Nicht offen für weitere Antworten.
T

trench140

Mitglied
Hallo miteinander,

mir stellt sich gerade die Frage, wann man idealerweise DIV einsetzt, um Daten zu strukturieren, und wann man am besten TABLE einsetzt.

Ich arbeite gerade an einer Weboberfläche zur Kundenverwaltung, und habe zu Beginn versucht alles mit DIV zu lösen, was mitunter extrem Zeit gekostet hat, da ich damit (+CSS) noch nicht soviel Erfahrung habe und zum Großteil erst durch Trial&Error herausfinden musste, wie ein DIV auf bestimmte Attribute reagiert (ganz zu schweigen davon, wie andere DIVs reagieren wenn ich beim Parent, Neighbour usw. etwas ändere.

Nun heißt es ja, dass DATEN in Tabellen ausgegeben werden sollen und ein tabellenartiges LAYOUT mit DIV erzeugt werden soll.

Nun habe ich mir mal verschiedene Fälle rausgepickt, bei denen ich gerne wissen würde, was man hier einsetzt, (bzw. in zwei Fällen ist es mir klar):

1. Daten aus einer Datenbank sollen ausgegeben werden -> Tabelle
2. Tabelle um z.B. zwei Zeilen a 13 Spalten für einen Buchstabenindex zu erzeugen -> ?
3. Schön strukturiertes Eingabeformular -> ?
4. Pageaufteilung -> DIV
5. Tabellenkopf für eine weitere, durch DIV eingeschlossene (damit scrollbar) Tabelle (die ausschließlich aus einer DB gelesene Daten enthält) -> ?

Gruß,
Trench
 
Hi,

das wären meine Vorschläge für die genannten Punkte:

  1. Tabelle
  2. Tabelle oder Listenelement
  3. Listenelement
  4. DIV
  5. DIV

mfg Maik
 
Hi,

danke für deine Antwort.
Allerdings "verwirrt" mich der Vorschlag, für das Eingabeformular Listen zu verwenden.
Ich meine hier etwa folgende Struktur:

Zwei Spalten, x Zeilen
Linke Spalte: Beschreibung, was in das Input-Element rein soll (Name, Passwort...)
Rechte Spalte: Input-Elemente

Das ganze als Tabelle (o.ä.), damit die Input-Elemente unabhängig vom links daneben stehenden Text nach links immer den gleichen Abstand haben (d.h. genau untereinander stehen), dies ließe sich doch mit einer List gar nicht erreichen, oder?
 
Maik hat gesagt.:
Aber sicher lässt sich das mit einer Liste und etwas CSS umsetzen. Würde ich es hier sonst vorschlagen?

Studier hierzu mal den Artikel Prettier Accessible Forms und das darin vorgestellte Beispiel.

mfg Maik
Zum Vergrößern anklicken....
Perfekt, vielen Dank, davon habe ich bisher noch nie was gehört (ich bin an sich auch kein Webdesigner o.ä.), sieht definitiv interessant aus

hela hat gesagt.:
Hallo, kann mir leider folgende Bemerkung nicht verkneifen: Die Datenherkunft ist für deren Semantik uninteressant.
... ob DB nun Datenbank oder Deutsche Bank heisst: In diesem Zusammenhang ist das völlig egal.
Zum Vergrößern anklicken....
Könnte auch "Deutsche Bahn" heißen ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück