TABLE vs DIV

also ich bleib bei den lieben alten tabellen die ziemlich einfach zum handhaben sind....

Schau dir mal das da an:

http://www.csszengarden.com/

In der html-Datei is so gut wie gar kein Design drin, d.h. man kann total unterschiedliche Designs aus der Liste wählen.
Und dadurch, dass es Divs sind, is von vornherein nicht festgelegt, ob die Tabelle links oder rechts vom Text ist.
Die example-html/css-Dateien sind eh schon aussagekräftig, da sieht man schnell, wies funktioniert, das restliche CSS-Zeug kannst ja wohl eh.

also ich würd meist nicht die tabels durch divs ersetzen aber divs mit CSS positionierung sind recht angenehm wenn man eine page macht die nicht so einfach mit tabels zu erstellen wäre. divs sind ganz praktisch wenn man schriften, bilder, menüs, dokumentteile an exotischen stellen platzieren will. die meisten pages die ich so mache enthalten tabellen in kombination mit divs z.b meine homepage. aufpassen muss man bei divs halt wie immer beim IE.

edit: Wolfibolfi: coole page :thumb:, so was hab ich bisher auch noch nie gesehen. Frag ich mich jedoch ob das im IE auch so gut läuft wie hier? Naja, wird wohl auch laufen :coolsmile

ich bleib auch noch bei den guten alten Tables, nur spezielle Teile plaziere ich mit divs ... und wie Spoony schon sagte, du musst verdammt aufpassen mit verschiedenen browsern (vorallem dem IE) bei divs.

Also ich schreib zwar momentan keine Seite, aber wenn man ein bissl Rücksicht auf alle Browser nimmt, kriegt mans mit Divs auch hin.

Tables sind halt für Tabellen da, und nicht, um ein Menü vom Inhalt zu trennen.

Tabellen waren bis dato Standard für Design. Viele Darstellungen kann man sicher auch mit DIV ermöglichen, allerdings nicht alles. Es gibt ja mehrere HTML Tags die "missbraucht" werden. CSS ist sehr mächtig und dadurch kann Content vom Design wunderbar getrennt werden. Flexibilität ist nur ein Vorteil von vielen. Wenn sich die Browser-Hersteller auch an die w3c Standard halten würden, wäre vieles leichter :coolsmile

Zitat von SpOOnY

edit: Wolfibolfi: coole page :thumb:, so was hab ich bisher auch noch nie gesehen. Frag ich mich jedoch ob das im IE auch so gut läuft wie hier? Naja, wird wohl auch laufen :coolsmile

Laut csszengarden

Zitat

If your design doesn’t work in at least IE5+/Win and Mozilla (run by over 90% of the population), chances are we won’t accept it.

Zitat von Wolfibolfi

Also ich schreib zwar momentan keine Seite, aber wenn man ein bissl Rücksicht auf alle Browser nimmt, kriegt mans mit Divs auch hin.

Tables sind halt für Tabellen da, und nicht, um ein Menü vom Inhalt zu trennen.

ich sag ja net, dass man es nicht hinbekommt, es ist nur mühsam, weil sich einige eben nicht an die w3c standards halten (aber das Problem hat man ja mit html auch)

Das Tables garnicht für das Design verwendet werden sollen, halte ich für falsch, aber das ist ein Glaubenskrieg.

Vorsichtig mit Tables muss man sein, wenn man screenreader nicht völlig zur verzweiflung bringen will, also auf Seiten die blindengerecht sein sollten, sollte man eher auf die Table-Layouts verzichten.

CSS/Div's können viel, sind aber auch nicht das Allheilmittel, zumindest im Moment noch nicht (vielleicht schaut das in 1-2 Jahren anders aus, wäre sicher eine wünschenswerte Entwicklung)

Zitat von JohnFoo

In HTML gilt ja seit neuestem "Tables pfui, DIVs hui!" .. nun frag ich mich halt, wie man eine Website mit zahlreichen Verschachtelungen gut mit DIVs lösen kann - ich hab nur ein bisschen damit rumprobiert, bevor ich dann doch zu meinen lieben Tabellen zurück gekehrt bin.
Hat jemand Erfahrung damit? Ein Verweis auf passende Tutorials oder sonstiges wäre gut.

kA,ob du das schon probiert hast...
http://de.selfhtml.org/css/eigenschaf…ung.htm#display
http://de.selfhtml.org/css/eigenschaf…ge/display2.htm

Zitat

table = Das Element enthält tabellarisch angeordnete Kindelemente und erzeugt eine neue Zeile. Wirkt wie das table-Element in HTML.
inline-table = Das Element enthält tabellarisch angeordnete Kindelemente und wird im laufenden Textfluss angezeigt. Wirkt wie das table-Element in HTML, aber inline.
table-row = Das Element enthält nebeneinander angeordnete Kindelemente. Wirkt wie das tr-Element in HTML.
table-row-group = Das Element enthält eine Gruppe von Elementen mit nebeneinander angeordneten Kindelementen. Wirkt wie das tbody-Element in HTML.
table-header-group = Das Element enthält eine Gruppe von Elementen mit nebeneinander angeordneten Kindelementen. Wirkt wie das thead-Element in HTML.
table-footer-group = Das Element enthält eine Gruppe von Elementen mit nebeneinander angeordneten Kindelementen. Wirkt wie das tfoot-Element in HTML.
table-column = Das Element steht für eine Gruppe von Elementen, die eine Spalte der Tabelle bilden. Wirkt wie das col-Element in HTML.
table-column-group = Das Element steht für eine Gruppe von Elementen mit der Eigenschaft table-cell. Das Element steht für eine Tabellenzelle. Wirkt wie das td-Element in HTML (auch für th-Elemente).
table-caption. Das Element steht für eine Tabellenüberschrift. Wirkt wie das caption-Element in HTML (auch für th-Elemente).

Alles anzeigen

also ich verwend nur layer. geht am schnellsten, und somit is jede webpage leicht verdientes geld. *lol*

na im ernst... div und tables verwende ich auch in kombination manchmal ein div um einem table ein css attribut zu geben. <div style / class><table></table></div> um nur ein beispiel zu nennen. ach ja, ob meine webseiten auch wirklich super programmiert sind weiss ich net, ich hab opera und mozilla und netscape und ie installiert, und teste sowohl für pc als auch am mac mit safari und firefox... wenns hinhaut isses gut, wenn nicht werden fehler beseitigt und basta

Zitat

Das Tables garnicht für das Design verwendet werden sollen, halte ich für falsch, aber das ist ein Glaubenskrieg.

kein glaubenskrieg...

Zitat

Tabellen sperren die Inhalte ein.
Der Zugang für blinde Menschen wird erheblich erschwert oder gar unmöglich. Screenreader verlieren sich leicht in Tabellenkonstrukten und das Verständnis bleibt aus, da voneinander abhängige Inhalte über mehrere Zellen verteilt sind und nur visuell miteinander in Beziehung stehen. Ein Screenreader liest eine Tabelle immer linear vor, d.h. zeilenweise von links nach rechts.

mehr darüber:
Ein Herz für Tabellen

auch interessant:
http://www.umweltschutzrecht-online.de/Barrierefrei.htm
http://www.uniability.ch/Part.Blinden_I…engerecht.shtml

Zitat von JohnFoo

In HTML gilt ja seit neuestem "Tables pfui, DIVs hui!" .. nun frag ich mich halt, wie man eine Website mit zahlreichen Verschachtelungen gut mit DIVs lösen kann - ich hab nur ein bisschen damit rumprobiert, bevor ich dann doch zu meinen lieben Tabellen zurück gekehrt bin.
Hat jemand Erfahrung damit? Ein Verweis auf passende Tutorials oder sonstiges wäre gut.

Ich spiel mich seit einer Woche auch zum ersten mal ein bisschen mit <div>s rum, nachdem ich einige Jahre lang immer nur Tabellen gemacht hab. Aber es stimmt schon, <div> ist echt mächtig und kann kombiniert mit CSS echt was. Problem ist leider nur, dass der IE vieles falsch anzeigt und man dadurch in den CSS-Befehlen eingeschränkt wird.
Aber meiner Meinung nach ist <div> dennoch the way to go, tables sind ja nicht für eine Websitestrukturierung gedacht, eigentlich ist das eine Vergewaltigung von HTML, sie so einzusetzen.

Zitat von Wolfibolfi

Schau dir mal das da an:

http://www.csszengarden.com/

coole Seite, kannte ich noch nicht.

Zitat von WingsofGlory

mehr darüber:
Ein Herz fürTabellen

Auch ausgezeichnet, ich glaub damit werd ich meine SE1-LU-Gruppe überzeugen, dass wir unser PHP-Projekt dieses Semester nicht in tables machen :thumb:

lG,
Murmel

@ wings und glaubenskrieg ...

Zitat von phlow

Vorsichtig mit Tables muss man sein, wenn man screenreader nicht völlig zur verzweiflung bringen will, also auf Seiten die blindengerecht sein sollten, sollte man eher auf die Table-Layouts verzichten.

wie du siehst, hab ich ja eh geschrieben, dass man bei screenreader-tauglichen Webseiten was anderes nehmen muss, dessen bin ich mir also wohl bewusst ...

Und trotzdem machen css div's (noch) viele Probleme, aber wie schon gesagt, ich hoffe das bessert sich

Hallo, also ich verwende eigentlich auch viel lieber Tables als Div.
Div nehm ich nur sehr selten aber was ich gut finde daran ist, dass man da auch einen Scrollbar einbinden kann mit CSS. So kann man sich dann den Iframe ersparen.
Ciao Nauti

Zitat von phlow

@ wings und glaubenskrieg ...
wie du siehst, hab ich ja eh geschrieben, dass man bei screenreader-tauglichen Webseiten was anderes nehmen muss, dessen bin ich mir also wohl bewusst ...

sorry, hab ich überlesen. ich weiß eh, dass besonders du für solche sachen ein gefühl entwickelt hast. mir ging es nur um das wort "glaubenskrieg". die diskussion tables vs. div ist imho keine theologische.
aber, wie gesagt.. hab den nächsten absatz überlesen. tut leid...

np ... stimmt schon, glaubenskrieg war vielleicht das falsche Wort

Zitat von Murmel

Auch ausgezeichnet, ich glaub damit werd ich meine SE1-LU-Gruppe überzeugen, dass wir unser PHP-Projekt dieses Semester nicht in tables machen :thumb:

wo kann man se mit php machen?!
das wäre ja geil...

Zitat von webhornet

wo kann man se mit php machen?!
das wäre ja geil...

Am QSE kann man sich sowohl Programmiersprache als auch Datenbank, Thema und Gruppe aussuchen. (Und ja, das inkludiert PHP mit MySQL, kenne Leute die das letztes Semester darin gemacht haben).
Einziger Wermutstropfen: Um in die Gruppenphase zu kommen, muss man erstmal ein Soloprojekt mit vorgegebenem Thema programmieren und Dokumentation dazu schreiben, aber das kann man ja auch in PHP machen, solange es objektorientiert ist.

lG,
Murmel

also nachdem ich scho seit längerem versuche eine webapplikation zu entwickeln, hab ich - nachdem ich ebenfalls auf csszengarden gestoßen bin - versucht vieles von grund auf mit div zu gestalten.

wenn es speziell um eingabemasken usw. geht, dann kommst um die tables kaum herum - dafür sind div's allein so gut wie nicht geeignet. da machts eher eine gute mischung oft aus.