CSS-Layouts vs. Tabellenlayouts - Diskussion um Layout-Grundlagen mit CSS
07.02.2006 | CSS, Webdesign, Webstandards | 11 Kommentare | Print
Bewegung kommt in die Diskussion. Ein Nachdenken über CSS-Layouts vs. Tabellenlayouts ist wichtig. Warum bringt aber erst das kritische Weiterdenken die wichtigen Impulse für die Zukunft?
Wenn ich mir in den letzten Tagen einige Veröffentlichungen auf deutschen Webseiten anschaue, dann scheint in die Diskussion um Professionalität im Webdesign, CSS und Layout einige Bewegung gekommen zu sein. Das freut mich.
Im Januar war meine Interview-Reihe zum Webdesign 2006 und mein offener Brief an die Webkrauts offenbar Anlass zum Beitrag Modernes Webdesign verbreiten - Aussicht auf 2006 im SELFHTML aktuell Weblog.
Dieser Tage wird nun, vielleicht auch im Zeichen der Suche nach dem heiligen Gral der Weblayouts, über die Frage CSS-Layouts vs. Tabellenlayouts diskutiert.
Im Fokus: CSS-Spaltenlayout & seine Techniken
Der Beitrag Grundlagen für Spaltenlayout mit CSS lieferte dazu eine sehr gute Ausgangsbasis. Mathias Schäfer hat sich viel Mühe gegeben und einen inhaltlich ausführlichen Beitrag zu den Techniken, um Mehrspaltigkeit mit CSS flexibel umzusetzen, geschrieben. Wer von Euch sich momentan mit Büchern und der Theorie zu tabellenfreien Webdesign sowie dem Einsatz von Floats in Layout-Design beschäftigt, der sollte sich diesen Beitrag keinesfalls entgehen lassen. Ein wenig Zeit solltet Ihr Euch allerdings nehmen, denn einige Punkte darin sind durchaus diskussionswürdig.
Kritisches Weiterdenken gibt Impulse
Es ist schwieriger, eine vorgefasste Meinung zu zertrümmern als ein Atom.
Albert Einstein
Jens Grochtdreis hat dazu seine Ansicht im weiterführenden Beitrag CSS-Layouts vs. Tabellenlayouts geschrieben und zur Diskussion gestellt.
Seine Gedanken nehmen das Fazit von Mathias auf und stellen es kritisch in Frage.
Er diskutiert dies ganz bewusst unter der Frage, wie man mit CSS-Layouts bestimmte Charakteristika von Tabellenlayouts nachbilden kann. …
Webseiten sind Texte. Es war nie gedacht, sie mittels Tabellen zu layouten. Doch da in den Kindertagen des Web die Browser noch schlechter waren, als sie es heute leider noch sind, fand man schnell den Trick, mittels Tabellen ein Layout zu erstellen. Layouttabellen gibt es noch immer und sie funktionieren noch immer, obwohl sie als Layoutkrücke mittlerweile unnötig sind.
Jens Grochtdreis
Auch wenn ich mich weniger an der Schuld-Frage für eine solche Entwicklung beteiligen will, hat mich das Fazit von Mathias zu etwa den gleichen Überlegungen, mindestens aber zum Nachdenken gebracht. Es zeigt sich wohl sehr deutlich, dass hier ein kreatives Weiterdenken und eine andere Sicht zu den Dingen dringend gefragt sind, wollen wir kurz-, mittel- und langfristig entscheidend zu einem Umdenken in der Sachfrage beitragen.
Neue Sichtweisen bringen neu Lösungen
Es mag zwar angebracht sein, die Ursachen zu diskutieren. Im Sinne der Meinungsbildung und inhaltlichen Ausrichtung ein ganz wichtiger Aspekt. Dennoch möchte ich den Blick dabei in die Zukunft richten und nutzenorientierter denken.
Probleme kann man niemals mit derselben Denkweise lösen,
durch die sie entstanden sind.
Albert Einstein
Ob Tabellen- oder CSS-Layout, der Fortschritt in der Sache steht im Fokus. Wollen wir eine Lösung des Problems erreichen, müssen wir wohl oder übel ein paar Schritte zurücktreten. Aus einer neuen (vielleicht höheren) Perspektive sehen die Dinge gewiss noch ganz anders aus. Manches Problem wird viel kleiner. Die wichtigen Punkte treten hervor.
Professionalität & selbstkritisches Denken
Professionalität ist auch in Bezug auf die Lösungsstrategie gefragt. Und in diesem Zusammenhang kann ich nur an die Worte von Albert Einstein denken. Wir lösen die Probleme nicht in der uns alten gewohnten Denkweise.
Wenn wir das Internet voranbringen wollen und für die nächste technische Revolution wirklich gerüstet sein wollen, dann müssen wir professionell sein. Unter Professionalität verstehe ich, dass wir uns auf der Höhe der Zeit und der technischen Entwicklung befinden. Dies bedeutet auch, das eigene Vorgehen, die eigenen Fähigkeiten ständig zu hinterfragen, überprüfen und zu verbessern. Dieser Wissensfortschritt ist in alten Professionen wie der Juristerei selbstverständlich. Es wäre schön, wenn wir dies auch bald von der Internetbranche sagen können.
Jens Grochtdreis
Ein schönes Schlusswort schreibt Jens unter seinen Beitrag.
Dem habe ich einfach nichts hinzuzufügen und kann ihm nur beipflichten.
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
Albert Einstein
War der Artikel für Euch wertvoll? Wollt Ihr Euch den Beitrag als Bookmark merken?
Einfach RSS-Feed abonnieren oder das Lesezeichen mit anderen Menschen teilen:
Kommentare und verweisende Trackbacks
zum Beitrag: CSS-Layouts vs. Tabellenlayouts - Diskussion um Layout-Grundlagen mit CSS
Kommentare
1 | Denny schreibt am 07.02.2006, 15:12:
Nimm es mir nicht übel, aber so recht verstanden habe ich nicht, was Du mit diesem Beitrag bezwecken wolltest. Du sprichst von einem Problem - um welches handelt es sich dabei? In welche Richtung soll ich kreativ um- und weiterdenken?
Und noch mehr Fragen: Ist die Abschaffung der bewährten Tabelle als Layoutwerkzeug und die Durchsetzung von schwer zu bändigen floatenden divs als dessen Ersatz die Revolution? Zeigt sich Professionalität darin, dass ich unausgereifte Techniken einsetze, die in einem Browser funktionieren, im anderen nicht und mir somit Mehrarbeit verschafft? Da verzichte ich darauf, auf der Höhe der Zeit zu sein.
Ich finde Jens' Schlusswort absolut nicht beipflichtenswert und hätte dem noch viel hinzuzufügen.
Ich hätte gern in meinem Kommentar auch einmal Einstein zitiert, aber mir fällt nix von dem Burschen ein ;-)
2 | molily schreibt am 07.02.2006, 15:14:
Berichterstattung über Diskussionen in anderen Weblogs ist okay, aber bringe doch mal neue Sichtweisen ein, anstatt sie nur zu beschwören. Denn Jens’ Meinung, die Raster-Strukturen beim CSS-Design Geschichte aufzugeben, ist längst nicht ausdiskutiert. Einerseits hat CSS das Potenzial, das Design weit über das Spaltendenken hinaus zu tragen, andererseits fehlen, wie der letzte Kommentar von Peter zeigt, die praktischen Beispiele. Die traditionelle Vorgehensweise bietet unschlagbare Vorteile. Unsere Weblogs sind in dieser Hinsicht Beispiele für konservatives Design. Was ist also der Ausweg? Mir hat sich bisher keiner offenbart. Aber ich sehe im Gegensatz zu Jens Spaltenstruktur nicht als Relikt der Vergangenheit an, sondern halte sie nach wie vor für praktikabel - dass sie von der Warte des Designs gesehen eher altbacken anstatt erfrischend wirkt, ist die andere Seite der Medaille.
3 | Peter schreibt am 07.02.2006, 16:19:
"Thinking outside the Grid" ist definitiv gefragt, wie Molly Holzschlag bereits im letzten Dezember unnachahmlich aufgezeigt hat. Mir ist jedoch auch nicht klar, was Du mit diesem Beitrag bezweckst - was ist Deine eigene Sichtweise, wo siehst Du Ansätze zur Lösung des "Problems"?
4 | Jörg schreibt am 07.02.2006, 17:10:
@Denny: Wenn ich den Zustand heute mit dem vergleiche, als ich mich begann mit Webstandards zu beschäftigen, dann liegen da Welten dazwischen. Es hat sich viel getan. Sicher ist heute auch nicht alles einfach(er) und schon gar nicht ideal. Doch wo ist das jemals der Fall gewesen?
Ich habe den Eindruck, dass viel zu oft in den Rückspiegel sehen und uns an unseren Wunden laben. Wir warten offensichtlich darauf, dass uns jemand die Lösung auf dem goldenen Tablett offenbart und bewegen uns in unserer Denke keinen Schritt voran. Wir gehen immer wieder von den gleichen Ausgangsvoraussetzungen (siehe Mathias sein Fazit bezüglich der Tabelle) aus, und wundern uns, dass wir zu keinen anderen Ergebnissen im Denken kommen.
Die bewährte Tabelle als Krücke ist doch nur ins Spiel gekommen, weil die Gestaltungsmöglichkeiten damaligen Quellcodes keine großen Alternativen zugelassen haben. CSS gab es nicht. Not macht außerdem erfinderisch. Und so haben sich die witzigsten Trends und Tendenzen entwickelt, ohne dass sich jemand die Frage nach dem Sinn gestellt hat.
Auch die momentan verbreiteten Auffassungen zu Webstandards sind nur ein weiterer Schritt Fortschritt. Sie sind kein Stein des Weisen und haben durchaus Nachteile. Ein jeder mag und muss allein für sich festlegen, wie er gern arbeiten will.
Meine Botschaft ist einfach die: Schauen wir nach vorn. Warten wir nicht auf die Lösung von anderen und diskutieren wir nicht zu lange um den Brei von gestern. Ich habe den erhofften Stein der Weisen auch (noch?) nicht.
Eines weiß ich aber recht genau:
Wir kommen nur im gemeinsamen Konsens der Sache einen Schritt weiter. Und ich behaupte, dass wir dafür eine andere Ebene des Denkens erreichen müssen. Statt kleinlicher Auseinandersetzungen, gemeinsam alternative und neue Wege finden. Vielleicht heißt das als Erstes, nicht mehr die Frage CSS-Layout vs. Tabellenlayout zu stellen, sondern sich die Frage, welches Ziel sollte denn eigentlich am Ende der Bemühungen stehen?
Ich glaube kaum, dass sich ein Anwender in der Praxis für Dinge interessiert, die er dann (vielleicht) eh noch nicht einmal sehen kann. Anwender erwarten einen greifbaren Nutzen.
Macht das nicht viel mehr Sinn?
Muss für diese Sichtweise nicht die Perspektive der Diskussion ändern?
Ich glaube, dass wir unter diesem Gesichtpunkt durchaus alle etwas mehr Professionalität im Denken und Handeln nötig haben. So habe ich es bei Jens jedenfalls verstanden.
PS: Du kannst Jens seinem Schlusswort nicht beipflichten. O.K.
Deine vielen Ergänzungen kannst Du gern hinzufügen.
5 | Jörg schreibt am 07.02.2006, 17:33:
Hallo liebe Molily, wo auch immer Du mich liest!
Unsere Weblogs sind in dieser Hinsicht Beispiele für konservatives Design. Was ist also der Ausweg? Mir hat sich bisher keiner offenbart.
Da kann ich Dir nur einhellig zustimmen. Schon diverse Male habe ich hier im Blog Anläufe unternommen, Weblog-Design im Besonderen und damit neue Ansatzpunkte zu finden und zu diskutieren. Es scheint sich schlicht nur kein Mensch ernsthaft mit solchen Themen auseinander zu setzen. BTW, derzeit plane ich einem Artikel dazu.
Ich denke nicht, dass wir für den Fortschritt unbedingt gleich alle Spaltenstrukturen über den Haufen werfen müssen. Aus Sicht der Benutzergewohnheiten können wir das ggf. auch nur bedingt. Außerdem haben sich viele Lösungen bestens bewährt. Es wäre schon mal ein großer Fortschritt, wenn wir uns überhaupt einem Gestaltungsraster beim Design bedienen würden.
Wenn es uns an etwas mangelt, dass ist es Kreativität & Engagement. Dinge einfach mal anders anzugehen, anders zu betrachten und dann auch noch den Mut haben, diese zu veröffentlichen. Wer dies aber macht, wird meist gleich wieder abgestempelt. Wer die Stimme erhebt und eine unbequeme Meinung vertritt, wird mit Forderungen belegt oder gar gleich schief angesehen. Nur, weil man seine Gedanken noch nicht nachvollziehen konnte und er uns nicht nach dem Munde redet?
Fortschritt hat sich eben im Leben der Menschheit immer nur gegen Widerstand durchgesetzt. Das habe ich immer wieder leidvoll persönlich erfahren.
Wenn Du so eifrig nach neuen Ansätzen suchst, dann erwartest Du sicher wie viele neue Kochrezepte. Was wäre denn Dein eigener Beitrag zu neuen Lösungen, diese bei anderen einzufordern? Ich freue mich auf Dein nächstes Posting in Deinem Weblog.
BTW, schade, dass Du anonym gepostet hast, Du wirst dafür sicher Deine Gründe haben. Ich finde es einfach persönlicher zu wissen, wer da eigentlich schreibt.
Und ich freue mich, dass die Mehrheit dies hier im Blog auch macht. : )
6 | molily schreibt am 07.02.2006, 22:03:
Auch wenn es hier nichts zur Sache tut: Überall im Internet bin ich als molily aktiv, schon immer und konsequent. Das hat nichts mit Anonymität nichts zu tun. Im Gegenteil, dieses Pseudonym hat den Sinn einer eindeutigeren Identifizierung. Denn es sind viele Menschen im Web aktiv, die meinen Realnamen tragen. molily gibt es, zumindest im deutschsprachigen Raum, nur einmal. Somit sind alle meine Aktivität im Web eindeutig auf mich zurückzuführen.
Dass ich im SELFHTML-Weblog als Mathias Schäfer schreibe, ist eine Ausnahme. Vielleicht sollte ich dort meinen Nicknamen nachtragen.
7 | Julia schreibt am 08.02.2006, 23:07:
Ich finde an einem Tabellenlayout nichts wirklich schlimmes. Als ich anfing Webseiten zu gestalten, gab es keine Alternativen zum Tabellenlayout. Der Grund warum ich auf divs und CSS gesetzt habe ist nicht der, dass es nun "standardkonform" ist, sondern eher der, dass der Code viel besser wartbar ist.
In einigen Fällen setze ich dennoch nach wie vor auf die guten alten Tabellen (z. B. wenn ich für einen Kunden eine Auktionsvorlage erstellen soll).
Die Frage ist doch eher "warum mit/ohne Tabellen" und das ist in der Regel Kontextabhängig.
8 | Jörg schreibt am 09.02.2006, 08:21:
@molily: Ich habe mir nicht die Mühe gemacht, nach Dir zu Googlen.
Habe mich darüber auch gewundert. Aber auch das war für mich ein Zeichen.
Ich bin es nicht gewöhnt in meinem Blog, dass in dieser Weise kommentiert wird. Wenn Du also, weil es nichts zur Sache tut :) (natürlich tut es dass, da nützt alle Rethorik nichts, sorry), schon mit Pseudonym schreibst, dann solltest Du wenigstens den Einsatz der E-Mail, die ja nur ich lesen kann, und Deine URL kontrollieren.
Lebe einfach damit, dass es zukünftig etwas ausmachen wird, wie und wo Du schreibst, wie aufmerksam ich dabei in dem Fall auch gewesen bin. Wir gehen auf ein Zeitalter im Internet zu, wo solche Praktiken nicht mehr gefragt sind. Und ich habe am konkreten Beispiel erkannt, dass ich bereits so handele.
Es ist also gar kein böser Wille, sondern einfach die Schilderung aus meiner ganz einfach persönlichen Sicht. Lass Dir es mal durch den Kopf gehen, wie auch immer ich Dich zukünftig hier oder anderswo lesen werde. Denn dass werde ich mir sicher nicht nehmen lassen. Freue mich also auf Deinen nächsten Kommentar. : ))
9 | Jörg schreibt am 09.02.2006, 08:30:
Hallo Julia: Ich finde Deine Meinung interessant, weil sie einfach ein paar Grautöne in die Betrachtung einbringt, statt Schwarz und Weiss.
Während die Hardliner auf Tabellen ganz und gar verzichten wollen, ist es bisweilen recht interessant sie dort einzusetzen, wo sie ihre echte Funktion erfüllen.
Versuche von Eric Meyer, eine Tabelle mit DIVs nachzubauen haben mich nicht wirklich überzeugt. Da setze ich lieber gleich auf eine gute, aber schalnke Tabelle. Diverse Beispiele für sinnvollen Einsatz liegen dazu vor.
Auch bei einem Redesign für ein Unternehmen kann man nicht in jedem Fall sofort 100% umsteigen. Denn der Faktor Wirtschaftlichkeit spielt ja auch noch eine Rolle. So gesehen mag eine echt schlange Tabelle hier und da manchmal echt weniger Arbeit machen und dem Kunden mehr Nutzen bringen.
10 | Gabi schreibt am 11.02.2006, 23:27:
Tabellen haben mittlerweile ein derart schlechtes Image, dass manche Webdesigner sie auch dort konsequent vermeiden, wo Tabelleneinsatz durchaus vertretbar bzw. sogar semantisch korrekt ist.
11 | Anonymous schreibt am 19.02.2006, 11:10:
Jörg, du glaubst doch auch nicht ernsthaft, dass ich mit Realname Jeena Paradies heiße, oder? Oder dass Heiko H. ein Pseudonym ist?! Ich kenne molily persönlich und Heiko mittlerweile auch ganz gut, da wir uns per E-Mail gut unterhalten.
Im Internet ist es schon immer Gang und Gebe gewesen überall nur mit einem Pseudonym unterwegs gewesen zu sein, und nicht jeder hat eine persönliche Webseite oder gar ein Weblog, wozu auch? Ich kann natürlich nur von mir aus sprechen, aber wenn das "Anonymen Bashing" so weitergeht, dann werden wir, die "Anonymen" hier einfach nicht mehr kommentieren und höchstwarscheinlich auch nicht mehr mitlesen. Es ist einfach uncool jemanden, der einen Konstruktiven Kommentar schreibt deshalb zu dissen, weil er keine E-Mail Adresse oder gar Homepage angegeben hat, und weil sein Name dir nichts sagt. Denke mal darüber nach, welche Leute dann noch übrigbleiben.
Viel Erfolg weiterhin
/Jeena
Trackback-URL: http://www.einfach-persoenlich.de/m33/etb.cgi/1031
Einfach persönlich kommentieren:
Kommentare des Beitrages per RSS-Feed verfolgen?
Mit dem RSS-Kommentar-Feed kannst Du die Kommentare dieses Beitrages einfach persönlich verfolgen und im Blick behalten, einfach:
