mic85
Avatar mic85
Themenersteller
Informatiker
Beginner (44 Beiträge)

Der Boxfight: TABLE vs. DIV

am 20.07.2009, 03:12 Uhr eröffnete mic85 folgenden Thread
HTML5 & CSS    3505 mal gelesen    10 Antwort(en).

www.seitenreport.de schrieb:

Die Verwendung von Tabellen (TABLE) gilt aufgrund des Overheads an Quellcode und der dadurch langsameren Lesbarkeit der Webseite als nicht mehr zeitgemäß. Versuchen Sie, Ihre Tabellen und Layouts mit DIV-Containern und der float-Eigenschaft aufzubauen.



Ich muss mal einen alten Glaubenskrieg wieder anfachen

Klar kann man ein Layout wesentlich schlanker mit DIVs und spezifikationsgemäßer Verwendung von block und inline-elemtenten aufbauen, ganz zu Schweigen von vielen anderen Vorteilen wie zB. vereinfachte Wartung einer Webseite (um erstmal nur ein Beispiel zu nennen).

Doch

ist nicht
!

Man sollte meiner Meinung nach unterscheiden in Layout-Tabellen und Content-Tabellen.

Ich verstehe nich warum eine Website gleich als "technisch marode" abgestempelt wird nur weil der Programmierer dort Tabellen verwendet, wo auch Tabellen dargestellt werden?
Je nach Branche ist es schlichtweg unmöglich um die Darstellung von Tabellendaten herum zu kommen.

Dann ist die
-Tabellen Variante (sofern man den Textfluss in Leserichtung halten will) alles andere als schlank (mehr CSS, und jede einzelne Zeile und Zelle braucht ja auch noch Ihren Selektor). Hinzu kommt dass wir uns dann auf absolutem CSS-Neuland befinden und nicht jeder Browser jedes CSS Level unterstützt. Das Verhalten dieser DIV-Tabellen-Konstrukte ist bei Skalierung zum heulen unnatürlich.

Mein Fazit ist dass dieser DIV-Hype in letzter Zeit zwar zum überdenken mancher Quelltextstrukturen geführt hat.

Die Sorte Entwickler die jedoch wirklich Quelltext-Overhead erzeugten ist allerdings noch lange nicht ausgestorben, sie haben sich nur getarnt unter dem Deckmantel moderner Richtlinien. - Ganz gleich ob der Ãœberhang nun auf
,
oder sonstwas zurückzuführen ist.

Meiner Meinung nach gehört das Verhältnis Content / Quelltext viel schärfer bewertet als es momentan hier der Fall ist.


Liebe Grüße aus Mannheim,

Michael Kohl

kohl@websol-media.de
http://www.websol-media.de

lillebor
Avatar lillebor
selbständig
Guru (144 Beiträge)
am 20.07.2009, 08:01 Uhr schrieb lillebor

recht hast du. ich kenne einige designs, bei den extra mit "tabellenfrei" geworben wird, die zum schreien langsam aufgebaut werden. eine kleine saubere tabelle hat nur wenig html-code und ist gewiss nicht langsamer als ein verschachteltes css construct.
ich finde hier auch die seitwert.de bewertung besser: dort wird nur "verdammt", wer tabellen als grundgerüst für das design verwendet, aber nicht jede kleine tabelle.


Gruss Lili

der_booker
Foren Moderator
selbständig
(2762 Beiträge)
am 20.07.2009, 08:25 Uhr schrieb der_booker

Unter http://www.googlefight.com/index.php?lang=en_GB&word1=table&word2=div findet Ihr ein passendes Beispiel.
lol


Heiko Jendreck
personal helpdesk
http://www.phw-jendreck.de
http://www.seo-labor.com

gerard
Content Gott (1271 Beiträge)
am 20.07.2009, 11:07 Uhr schrieb gerard

mic85 schrieb:

Ich muss mal einen alten Glaubenskrieg wieder anfachen
...
Doch

ist nicht
!
Man sollte meiner Meinung nach unterscheiden in Layout-Tabellen und Content-Tabellen.

Der Krieg sollte bei Seitenreport eigentlich entschieden sein. Siehe http://www.seitenreport.de/forum/beitraege/fragen_zu_den_analyse_ergebnissen/tabellen_nicht_per_se_verteufeln/seite/2.html?tx_mmforum_pi1[sword]=Tabelle#pid989 Aber bisher hinkt die Umsetzung des Friedensvertrags noch etwas ...

mic85 schrieb:

Ich verstehe nich warum eine Website gleich als "technisch marode" abgestempelt wird nur weil der Programmierer dort Tabellen verwendet, wo auch Tabellen dargestellt werden?

Es ist noch schlimmer. Schalte mal bei einer div-Tabelle das ccs ab - Ergebnis: eine endlose Reihe untereinanderstehender Zahlen, deren Zusammenhang niemand mehr erkennt. Und von den Problemen derjenigen, die Webseiten hören (und nicht lesen können), mal ganz abgesehen.


http://bretagne-virtuell.de

seitenreport
Avatar seitenreport
Inhaber
TYPO3 Senior Developer
Content Gott (1772 Beiträge)
am 20.07.2009, 21:40 Uhr schrieb seitenreport

Gerard schrieb:

Der Krieg sollte bei Seitenreport eigentlich entschieden sein. Siehe http://www.seitenreport.de/forum/beitraege/fragen_zu_den_analyse_ergebnissen/tabellen_nicht_per_se_verteufeln/seite/2.html?tx_mmforum_pi1[sword]=Tabelle#pid989 Aber bisher hinkt die Umsetzung des Friedensvertrags noch etwas ...



Wie von Gérard bereits gepostet: In Zukunft werden bei Seitenreport nur noch tatsächliche Layout-Tabellen "abgestraft". Reine Datentabellen dagegen nicht (mehr). :wink:


SEO Analyse und Website-Check mit Seitenreport

masa8
Avatar masa8
Selbständig
Content Gott (1001 Beiträge)
am 23.10.2009, 11:17 Uhr schrieb masa8

Es ist schon eigenartig, über die Vorteile von DIV\'s zu lesen, wären ganau diese das lesen des Textes behindern! Siehe Bild!

Ein Layout mit Tabellen ist nicht das chlechtesete Modell, solange die Formatierung extern im CSS vorgenommen wird.

Gruß Matthias


Mein Blog über Wordpress, SEO, interne Verlinkung und mehr
alles-mit-links
BLACKINK Webkatalog 20-25 Backlinks "Lifetime"

seitenreport
Avatar seitenreport
Inhaber
TYPO3 Senior Developer
Content Gott (1772 Beiträge)
am 23.10.2009, 11:31 Uhr schrieb seitenreport

Mit welchem Browser surfst du? (auch in Bezug auf den grauen Hintergrund, der eig. weiß ist). Danke.


SEO Analyse und Website-Check mit Seitenreport

masa8
Avatar masa8
Selbständig
Content Gott (1001 Beiträge)
am 23.10.2009, 11:39 Uhr schrieb masa8

seitenreport schrieb:

Mit welchem Browser surfst du? (auch in Bezug auf den grauen Hintergrund, der eig. weiß ist). Danke.




Internet Explorer 7

Den grauen Hintergrund habe ich im Farbschema eingestellt, da ich dass Windows-Standard-Weiss zu blenden finde.

Gruß Matthias


Mein Blog über Wordpress, SEO, interne Verlinkung und mehr
alles-mit-links
BLACKINK Webkatalog 20-25 Backlinks "Lifetime"

Raptor
Avatar Raptor
IT-Student
Content Gott (1013 Beiträge)
am 23.10.2009, 12:00 Uhr schrieb Raptor

Da ist ein Fehler im Quelltext, welcher möglicherweise die Ursache ist.
Die Forum-Tabelle hat ein width=100%, was meiner Meinung nach unzulässig ist. Siehe Anhang.


Meine Developer-Website mit den Web-Entwickler-Tools.
Meine Web-Entwicklungs-Dienstleistungen

[url="http://www.seitenreport.de/forum/beitraege/seitenreport_verlosungen/wichtig_neue_regel

gerard
Content Gott (1271 Beiträge)
am 23.10.2009, 13:10 Uhr schrieb gerard

Raptor schrieb:

Da ist ein Fehler im Quelltext, welcher möglicherweise die Ursache ist.
Die Forum-Tabelle hat ein width=100%, was meiner Meinung nach unzulässig ist. Siehe Anhang.


Nach der Spezifikation ist da kein Fehler. width="100%" ist ein zulässiger Wert. Das Problem resultiert aus dem, was die unterschiedlichen Browser daraus machen. In der Spezifikation heißt es:

"width = length [CN]
This attribute specifies the desired width of the entire table and is intended for visual user agents. When the value is a percentage value, the value is relative to the user agent\'s available horizontal space. In the absence of any width specification, table width is determined by the user agent."

Firefox und Opera richten sich nach der Breite des übergeordneten Elements

, das eine feste Breite von 622px hat.

IE, Safari und Chrome nehmen eine andere verfügbare Breite an, die für mich nicht nachvollziehbar ist.

Eventuell könnte für die letztgenannten helfen, auch der Tabelle eine feste Breite zu geben.

Nachtrag:
Ursache für das Verhalten von IE, Safari und Chrom ist, dass sie Schwierigkeiten mit dem Umbruch von URLs haben. Damit wird eine Tabellenzelle automatisch in der Breite an den Inhalt angepasst, auch wenn die Breite kleiner definiert ist.


http://bretagne-virtuell.de

masa8
Avatar masa8
Selbständig
Content Gott (1001 Beiträge)
am 23.10.2009, 16:17 Uhr schrieb masa8


Raptor schrieb:



Nachtrag:
Ursache für das Verhalten von IE, Safari und Chrom ist, dass sie Schwierigkeiten mit dem Umbruch von URLs haben. Damit wird eine Tabellenzelle automatisch in der Breite an den Inhalt angepasst, auch wenn die Breite kleiner definiert ist.

Gérard



Richtig! Durch die Unterschtriche wird die URL, bis einschließlich des Fragezeichens, als ein Wort bewertet. Das hat schon so manches Seiten-Layout verbogen.


Mein Blog über Wordpress, SEO, interne Verlinkung und mehr
alles-mit-links
BLACKINK Webkatalog 20-25 Backlinks "Lifetime"

  • 1


« zurück zu: HTML5 & CSS

Forum RSS Feed abonnieren
Das Seitenreport Forum hat aktuell 5275 Themen und 36110 Beiträge.
Insgesamt sind 48360 Mitglieder registriert.