„des ist ja easy xD dachte muss da alles mit css machen.“
„hmm
tabellenanpassung reicht doch völlig aus oder nicht?“
Solche Aussagen liest man in einschlägigen Foren vor allem aus der eSports Szene, in welcher ich meine Wurzeln bezüglich dem Web habe, und auch Allgemein viel, viel zu häufig.
Doch woran liegt es?
Wieso haben die Leute so viel „angst“ vor etwas „neuem“?
Technik von vor 10 Jahren – was früher gut war ist es heute immer noch!
Das ist ein möglicher Gedankengang bei den betreffenden Personen, doch hat es sich nicht schon in vielerlei Hinsicht gezeigt das, dass alte zwar gut sein mag aber das neue besser ist?! Aber selbst diese Aussage kann man nicht auf die Verwendung von Framesets und Tabellenlayouts beziehen, beide sind keinesfalls gut.
Und das aus folgenden Gründen.
Framesets
Ja die guten alten Framesets und Inline-Frames eigentlich könnte man meinen so etwas gibt es heutzutage nicht mehr, doch leider ist es Gegenteilig es gibt sie immer noch. Meinem persönlichen Empfinden nach häufen sich in letzter Zeit Seiten mit Frames, mag aber auch nur Zufall sein das ich zur Zeit verstärkt auf solche Seiten treffe. Frames sind neben den Obenbenannten Tabellenlayouts das schlimmste was man dem Web antun kann. Suchmaschinen Indexieren (wenn sie es überhaupt tun) die einzelnen Inhalte der Frames. Gehen wir mal von dem Beispiel des klassischen 3teiligen Framesets aus, was in so gut wie jedem WYSIWYWG Editor vorgefertigt enthalten ist (warum eigentlich?). Die Dreiteilung ist aus Header, Navigation und Content zusammengesetzt. Wenn jetzt ein Bot die Seite crawlt werden wie gesagt die einzelnen Bestandteile des Framesets indexiert, sprich die Navigation alleine, der Content, sowie der Header. Sollte jetzt ein User die Seite über eine Suchmaschine finden, so wird lediglich der Indexierte Inhalt geladen, zum Beispiel die Navigation ohne Content oder andersherum, es wird nur in den seltensten Fällen das Frameset geladen. Beide Möglichkeiten sind auf jeden Fall alles andere als Optimal. Weitere Probleme bei Framesets sind die unterschiedlichen Ladezeiten der Frames. Ein weiterer großer Kritikpunkt an Frames ist es das man sie nicht direkt Verlinken kann, sondern immer nur auf die Seite mit dem Frameset verweisen kann. Des Weiteren sind Frames einfach Benutzerunfreundlich, es ist einfach nervig in einem Frame durch die Navigation scrollen zu müssen. Jetzt werden mir einige Frame-Befürworter sicherlich das Argument an den kopf werfen, das sie es nervig empfinden wenn die Navigation wegscrollt und nicht immer in erreichbarer nähe ist, doch dieses Argument ist hinfällig mit einigen CSS befehlen kann man den selben Effekt erreichen, ohne die negativen Eigenschaften von Frames mit sich zu bringen.
Tabellenlayouts
Das gruseligste was ich kenne, ist es wenn mich jemand fragt ob ich mal einen Blick auf seine Seite werfen könnte und es ein Tabellenlayout ist. Diese Art von Weblayout sind für Mitarbeiter oder Personen die sich später mit dem Quelltext befassen müssen der reine Graus weil ein Tabellenlayout für gewöhnlich stark verschachtelt ist und damit verdammt unübersichtlich wird. Dieser Kritikpunkt setzt sich darin weiter fort das Screenreader von Sehgeschädigten Menschen mit diesen Layouts absolut nicht klar kommen. Ich hatte vor einiger Zeit das Vergnügen der Diskussion einer Landtagsabgeordneten der Linken, welche unter einer Sehbehinderung leidet, mit einem CDU Abgeordneten beizuwohnen zu dürfen. In dieser Diskussion hat sie sehr deutlich gemacht was Tabellenlayouts für negative Auswirkungen auf Screenreader haben. Man müsste schon aus Gründen der Menschlichkeit den auf vielen Seiten hochgelobten Tabellenlayouts abschwören. Wem dieser Grund noch nicht reicht sollte wissen, dass Webcrawler dieselben Probleme wie Screenreader mit Tabellenlayouts haben und somit eine gute Platzierung bei Suchmaschinen beeinträchtigt wird. Tabellen waren als Gestaltungsmittel gedacht um Zahlen oder ähnliches zu veranschaulichen, dafür sind sie auch hervorragend geeignet, aber keinesfalls als Layoutwerkzeug.
Grundsätzlich ist zu sagen das beide Techniken Frames und Tabellenlayouts nicht mehr dem Aktuellen Standard entsprechen. Weiterhin braucht man für ein Tabellenlayout auch zeitmäßig länger und um auf die Frage in dem Zitat am Anfang des Artikels zurückzukommen NEIN reicht es nicht!
Leute habt keine Scheu davor etwas Neues zu lernen!
Die Vorteile von CSS liegen auf der Hand, angesichts der oben genannten negativen Beispiele. CSS hat auch noch andere Vorzüge wie etwa die Trennung von Struktur und Gestaltung oder die Möglichkeit einer schnellen Designänderung. CSS hat zwar den Nachteil, dass man für den IE6 ein, zwei hacks braucht und das man valides html schreiben muss, doch letzteres hat wiederum Vorteile. Wie zum Beispiel, dass Screenreader besser mit eurer Seite klarkommen und damit gleichzeitig auch die Robots der Suchmaschinen, aber das wichtigste an der Geschichte ist, dass ihr mit dem einhalten der aktuellen Webstandards das Web in seiner Entwicklung nach vorne bringt. Ganz nebenbei schont ihr auch noch eure Kollegen da diese sich nicht mehr mit maßlos verschachtelten Tabellenlayouts Auseinadersetzen müssen.
Man braucht nicht viel Zeit!
CSS zu lernen braucht wirklich nicht viel Zeit und das Aufwand/Nutzen Verhältnis hält sich wirklich im positiven Bereich. Als gutes Lehrmaterial kann ich euch wärmstens die Seite CSS4You.de empfehlen welche sich auch als sehr gute Sprachreferenz eignet. Als Videomaterial zu dem Thema kann ich euch „Jetzt lerne ich CSS Design“ von Video2Brain empfehlen. Das wäre das Grundmaterial mit dem man schon sehr viel machen kann. Wenn ihr Anleitungen zu spezielleren Sachen sucht, googlet ne Runde es gibt sehr viele gute Blogs die sich mit spezifischen Dingen befassen. Ich werde um auch den letzten Skeptiker unter euch zu Überzeugen das es nicht schwerer ist ein Design in xhtml/CSS umzusetzen, als ein Tabellenlayout zu schreiben, demnächst auf diesem oder einem Partnerblog ein ausführliches Tutorial Posten. Dieses Tutorial wird sich mit dem kompletten Prozess des Umsetzens, Angefangen bei dem Design als PSD bis hin zum fertigen Layout, befassen.
In diesem Sinne horns up! Und nehmt euch den Artikel zu Herzen. 
Zum Abschluss noch eine kleine Umfrage
Tabellenlayout VS xhtml/css Anpassung
- xhtml/css Anpassung (78%, 69 Votes)
- Tabellenlayout (22%, 17 Votes)
Total Voters: 88
Loading ...
By jonas on Jun 27, 2008 | Reply
gute arbeit schmar stimme dir da voll zu
By SchmaR on Jun 27, 2008 | Reply
woohoo prominenz der Jonas auf meinen Blog eine ehre
und ein dickes Danke!
By klandestin on Jun 27, 2008 | Reply
Heyho,
ey voll crass, was de da abgezogen hast. Das haut mal voll rein. Endlich mal jemand, der die Fresse aufmacht und sacht, was Sache is. Hoffe mal echt, das die das in Zukunft auch machen, ey die Spinner, die Framests nehmen, ne ey, geht ja mal echt nich.
By Franz Laubscher on Jun 28, 2008 | Reply
OMG HERR PROFESSOR! SIE HABEN MIR DIE AUGEN GEÖFFNET!
Welchen Sinn hat dein Blog?
Wer sind die Leute die sich dafür interessieren?
Sind andere Quellen nicht viel interessanter?
Wie publizierst du die Adresse deines Blogs im Internet?
By SchmaR on Jun 28, 2008 | Reply
Sinn ist es, das ich meinen Spass dran habe. Und einige andere Leute dabei evtl. Informationen abgreifen welche sie bis dahin nicht hatten. Achja um noch ein wenig zu kontern, Erkläre mir bitte mal Sinnlos oder was hat keinen Sinn?! Als kleine Denkhilfe gebe ich dir noch eine kleine Aussage: “Wenn ein Satz den Sinn hat, Sinnlos zu sein, hat er dann einen Sinn?”
Wer sind die Leute, ja persönlich kenne ich sie nicht aber mit den Besucherzahlen bin ich durchaus zufrieden.
Das mag sein aber wie lange gibt es diese schon, im Vergleich zu meinen jungen mini Projekt hier?! Und was wird da alles rein Investiert?! Das ist nur Freizeitnebenprojekt
Das lass mal meine Sorge sein
Falls du von esportive auf den Blog gekommen bist, an dieser Diskusion hatte ich eigentlich wirklich Interesse aber anscheinend niemand anders.
Naja hier haste deine Antworten aber ich bezweifel mal stark, Das du hier noch einmal Vorbeischauen wirst. Geschweige denn meine Gegenfrage beantworten wirst.
Trozdem m8 horns up!
By Franz Laubscher on Jun 28, 2008 | Reply
Ganz ehrlich finde ich diesen Webblog nur unsinnig, weil ich die Informationen wo anders besser bekomme. Du hörst dich mit deinen Beiträgen so an als wenn du der Meister über alles wärst und ehrlich gesagt kommt da etwas arroganz rüber. Ich bezweifle das du schon ein Studium in der tasche hast oder gar berufliche Erfarhung um so große töne spucken zu können.
By SchmaR on Jun 28, 2008 | Reply
Mit diesen Punkten hast du recht. Ich bin noch ein Schüler, leider.
Doch wo ist dein Problem, wenn ich versuche mein Wissen bestmöglich niederzuschreiben und das ich der Meister über alles bin habe ich an keiner Stelle behauptet, und werde ich auch NIEMALS. Weil egal wie gut du bist es gibt immer Einen der es besser kann.
Sorry aber ich verstehe nicht ganz wo dein Problem ist.
Ich verusche meine Artikel so Sachlich wie möglich zu schreiben, und sie mit einer kleinen Priese von meiner, wenn auch ziemlich kleinen, Erfahrung zu würzen.
Wenn du jetzt speziell diesen Artikel meinst, ich habe bisher halt die Erfahrung gemacht das Tabellenlayout ziemlich unübersichtlich sind und das man mit CSS schneller und eleganter das Ziel erreicht. Mit diesem Artikel wollte ich einfach nur meine Meinung vertreten, und evtl. den einen oder anderen mal dazu bewegen von den Tabellenlayouts weg zu kommen. Ich weis auch das es viele solcher Artikel gibt, die zur Einhaltung von Webstandards aufrufen, aber ist nicht jeder weitere ein Schritt in die richtige Richtung?
Wenn du da eine andere Meinung hast immer her damit, ich sehe mir gerne alle Seiten eines Problems an. Ich bin auch sehr gerne dazu bereit etwas Dazuzulernen.
Dazulernen ein gutes Stichwort, das ist auch einer der Gründe warum ich diesen Blog schreibe. Ich versuche damit in mehrerlei hinsicht zu Lernen und meinen Erfahrungspool zu vergrößern. Sei es durch Diskusionen wie diese oder durch Zustimmung welche ich teilweise erhalte, um nur die beiden wichtigsten Punkte zu nennen, damit es den Rahmen nicht sprengt.
Naja bevor ich hier total Abschweife…
Freut mich, dass du dir Zeit genommen hast nochmal eine Antwort zu schreiben. Ich hatte dich doch etwas in die falsche sparte Eingeschätzt.
By Franz Laubscher on Jun 28, 2008 | Reply
Nein ich meine nur deinen Wortlaut du schreibst als wenn du irgendwas besonderes wärst und von wegen das deine Informationen die besten sind. Das kommt bei einigen lesern nicht zu gut. Versuch doch einfach mal nen bissl weniger Sachen mit reinzubringen die das nicht so arrogant wirken lassen wenn du schon son nen 0-8-15 blog machst
By Franz Laubscher on Jun 28, 2008 | Reply
Hatte noch was vergessen. Ich bin selber Journalist und schreibe Beiträge. Einiges auf deinem Blog ist ja ok aber schreib mal weniger in folgender form:
“Ich habe mir Gedacht ich schreibe mal über Mozilla und wie die sich finanzieren”
Das ist kein guter Einstieg das bekommt der Leser nachher in den falschen Hals. Versuch mal was in der Richtung zu schreiben:
“Mozilla ein Openspurce Programm das für jedermann zugänglich ist aber wie finanzieren sie sich?”
Das kommt nämlich besser und wirkt nicht so als wenn nur du dir Gedanken drüber gemacht hast. Es wirkt zu sehr “Ich” bezogen. Versuche einfach mal allgemeiner zu schreiben. Nur so ein Tip am Rand
By SchmaR on Jun 29, 2008 | Reply
Ahjo Danke.
Unter dem Gesichtspunkt hatte ich das bis jetzt noch gar nicht gesehen(Wie dumm eigentlich von mir).
Den Ratschlag werde ich mir zu Herzen nehmen.
Wenn du noch die Gnade hättest zwei Fragen zu beantworten, würde ich mich echt freuen.
wo Veröffentlichst du denn?
bist du Freiberufler oder Festangestellt?
Das ist echt nett von dir, dass du dir dafür nochmal Zeit genommen hast.
By Franz Laubscher on Jun 29, 2008 | Reply
Ich bin Festangestellt und veröffentliche meine Inhalte in einer lokalen Zeitung in Baden Würtemberg. Klaro nehme ich mir für dich Zeit. Mal ne Frage willst du später Journalismus studieren oder willst du in die Informatikrichtung gehen, weil du übst ja schon fleißig Inhalte zu schreiben und zu publizieren.
By SchmaR on Jun 29, 2008 | Reply
Jounalismus Interessiert mich zwar, aber ich glaube das fällt für mich als Legastheniker flach. Es wäre meine dritte Wahl von den Sachen welche ich Wunschdenkenmäßig machen würde. An erster Stelle steht bei mir ganz klar die Informatik. Als mögliche Weichen würde ich, die Politik oder Journalismus in Betracht ziehen, falls das mit dem Studium in richtung Informatik flach fällt.
By Franz Laubscher on Jun 29, 2008 | Reply
Also ich habe nen Kollege der ist auch Legasteniker du darfst in der Redaktion Rechtschreibprüfungen verwenden. Allerdings wird dein Studium da etwas kompliziert werden, weil du teilweise sehr komplexe Ausarbeitungen machen musst die grammatikalisch korrekt sein müssen. Aber wenn du den weg als Informatiker einschlägst ist doch ok. Du musst halt ziemlich gut in Mathe sein aber brauch ich dir ja nicht sagen weißt du bestimmt schon. Als Politiker hm… ^^ möchtest dann bestimmt eine Anti-Wolfgang Schäuble Partei Gründen laut deiner Werbung in der oberen rechten ecke. Viel Glück bei dem was du produzierst und anfängst. Ich schau mal vorbei und vielleicht find ich ja mal was das mich interessiert. Bin auf deinem Blog gestoßen als ich was über eSport gesucht habe also ich war auf der esportive seite glaub ich naja mein Beitrag wird am Dienstag gedruckt und habe einiges gefunden ziemlich interessant ich habe Gedacht sowas gebe es nur in Japan. ^^
By SchmaR on Jun 29, 2008 | Reply
^^ naja wenn du noch Informationen zum eSport brauchen solltest um auf eventuelle Leserbriefe oder ähnlichen einzugehen: http://www.turtle-entertainment.de das ist die Firma die hinter größten europäischen eSport Liga steht (Wenn du die nicht bereits gefunden hattest.).
Jo was der nette Herr Schäuble da fordert missachtet ganz eindeutig unsere Verfassung und ich bin nur am hoffen das er damit nicht durch kommt.
Ich Danke dir. (Aber ist schon komisch was aus der anfänglichen “Diskusion” geworden ist.)
By Alex on Dez 12, 2009 | Reply
Hallo, also ich habe vor ca. 4-5 Jahren angefangen Programmieren zu lernen und dort dann auch direkt DIVs und CSS gelernt mir war eigentlich gar nicht ganz klar was das mit den “Tabellenlayouts” ist bis ich das dann mal bei Seiten gesehen habe, ich habe mir alles learning bei Doing beigebracht und ich finde auch definitiv das bei DIVs einfach auch ein fremder Programmierer schnell ins Geschehen einsteigen kann und direkt weiß was Sache ist und Änderungen vornhemen kann das auch bei größeren Portalen ohen sich durch trs und tds durchwühlen zu müssen!
PS: @SchmaR: Hör nicht auf den Mist den hier manche schreiben…
By Webkatalog Eintragsdienst on Jun 21, 2010 | Reply
Also ich style meine Tables auch immer mit CSS und positioniere sie mit Divs.
Denke das ist eine der besten Varianten.