div oder table?

[erase]

Oft lese ich hier im forum das man sein seiten layout mit div schreiben soll und nicht mit table... aber wenn ich mir den seitenquelltext von websites im internet anschaue sind viele oder die meisten layouts doch mit table geschrieben.

das ganze verwirrt wird so langsam deshalb frag ich mal so offen in die runde was ihr dazu sagt und wie ihr eure layouts gestaltet.

div oder table, wer macht das rennen??

 

[theHacker]

Benutzt halt bitte mal die Boardsuche

Es gibt kein Rennen. Tabellen werden eingesetzt, um tabellarische Daten zu strukturieren. Niemals werden sie für Layoutzwecke eingesetzt.
Das, was du im Internet findest, ist die Inkompetenz der "Progger" (wie sich z.B. die Lose4Kiddies schimpfen), nicht der Standard.

Informiere dich beim W3C, für was das <table>-Tag zu verwenden ist. Dann hast du eine offizielle Antwort und kein "Rennergebnis" von Leuten, die wild irgendwas posten, wies ihnen grade besser passt.

 

[erase]

wen du mal nach proffesionellen webdesignern bei google suchst und deren referenzen angucks findeste auch table layouts... was mich ja selber auch wundert^^

 

[theHacker]

Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media.

Quelle: https://www.w3.org/TR/html401/struct/tables.html#h-11.1

The Tables Module provides elements for marking up tabular information in a document.

Quelle: https://www.w3.org/TR/xhtml2/mod-tables.html

 

[erase]

ok ok ich glaube dir ja. ich benutzte selber div tags deshalb hat mich das mit den tables etwas verunsichert

 

[DelphiKing]

Bis vor ein paar Jahren hat sich halt noch fast keiner darum geschert, ob man nun tables oder was anderes nutzt ... heute sieht das schon ganz anders aus und die Leute merkens langsam mal, was für ein Müll sie produzieren.

-> DIV.

 

[ice-breaker]

Bis vor ein paar Jahren hat sich halt noch fast keiner darum geschert, ob man nun tables oder was anderes nutzt ...

da war die CSS-Unterstützung auch noch viel grausiger und man hatte mit viel mehr Bugs und Workarounds zu arbeiten, so dass ne Designumsetzung nen Abenteuer war oder teilweise schlichtundeinfach gar nicht umsetzbar weil die Bugs zu groß waren.

 

[Ares]

naja, schau die mal den quelltext von ebay an was da alles an tabellen drin ist

 

[DelphiKing]

naja, schau die mal den quelltext von ebay an was da alles an tabellen drin ist

Und ebay ist jetzt das Vorbild in Sachen Webdesign?

EA Games sind auch die größten Spielehersteller und trotzdem sollte die sich niemand als Vorbild nehmen

 

[theHacker]

naja, schau die mal den quelltext von ebay an was da alles an tabellen drin ist

Wäre mir neu, dass eBay die Standards macht. Ich dachte immer, das W3C macht sie

 

[Banane]

Nicht, dass ich jetzt ein "<table>"-Verfechter wäre, aber schaut Euch bitte den Quelltext von https://validator.w3.org/#validate_by_uri+with_options an.
(Zeile 63–168­)

 

[QuArK007]

Da werden Tabellen aber nicht für die Struktur (also das Design) verwendet sondern als Hilfsmittel den Inhalt darzustellen... das ist durchaus erlaubt und vllt sogar erwünscht. Wertet einiges eben optisch auf.

Ich bin aber eigentlich auch ein "Div-Meister" hab Tabellen schon recht lange ad acta gelegt..

 

[theHacker]

Für Formulare bieten sich Tabellen an. Meist besteht ein Formular ja immer aus einer Beschriftung für ein Eingabefeld und dann der "Inhalt", quasi das Feld selber.

[FONT=Lucida Console]Name:     <________________>
Password: <________________>[/FONT]

kann ich dann schön als

<table>
  <tr>
    <th>Name: </th>
    <td><input /></td>
  </tr>
  <tr>
    <th>Password: </th>
    <td><input /></td>
  </tr>
</table>

darstellen.

"Name:" ist der Header für "<___________>", das Datum zur Überschrift - um das mal so komisch auszudrücken.

 

[Ares]

das beispiel mit ebay soll nur zeigen das auch "große" unternehmen table nutzen und man nicht nur weil es "in" ist nur noch div nutzt

 

[theHacker]

[...] und man nicht nur weil es "in" ist nur noch div nutzt

Geht doch nicht um in oder out, sondern um richtig oder falsch

 

[perlini]

Für Formulare bieten sich Tabellen an. Meist besteht ein Formular ja immer aus einer Beschriftung für ein Eingabefeld und dann der "Inhalt", quasi das Feld selber.

Für Formulare bieten sich Formularelemente an. Für diesen Fall gibt es das HTML-Element <label>:

<label for="vname">Vorname</label><input id="vname" />

Das hat auch den Vorteil, das man auf "Vornamen" klicken kann, um ins input-Feld zu kommen (besonders hilfreich bei den kleinen Checkboxes bzw. Radiobuttons).

Allgemein: Es geht nicht um "div oder table", sondern schlicht weg darum, semantisch korrektes HTML zu verwenden. Und ein Design enthält nun mal keine Daten, die man tabellarisch darstellen sollte.

 

[DelphiKing]

Für Formulare bieten sich Formularelemente an. Für diesen Fall gibt es das HTML-Element <label>

Und was nützt mir <label> bei der bündigen Ausrichtung der Formularelemente? Garnichts, eben. Drum braucht man auch (<label> ist ja prima und sollte auf jeden Fall verwendet werden) Tabellen.

 

[theHacker]

Für Formulare bieten sich Formularelemente an. Für diesen Fall gibt es das HTML-Element <label>:

An <label> denk ich immer nicht
Muss ich zugeben, hab ich noch nicht probiert, ob es damit leichter geht.

 

[perlini]

Und was nützt mir <label> bei der bündigen Ausrichtung der Formularelemente? Garnichts, eben.

Genau, garnichts, denn es dient ja nur der Strukturierung der Inhalte. Für das gestalten - sprich das bündige Ausrichten - gibt es css.
Ich gebe zu, es ist manchmal frustrierend, Formulare mittels css zu "stylen" (besonders Cross-browser), aber machbar ist es alle mal.

 

[Cosmoflamme]

Eine Design-Idee mit CSS umzusetzen geht auch wesentlich schneller,als mit verschachtelten Tabellen zu arbeiten.Und Änderungen sind später um einiges leichter zu verwirklichen.