Tabellen vs. CSS

ralph12345 · 04.05.2006, 16:01

Desöfteren habe ich jetzt schon gelesen, daß man auf Frames verzichten soll, weil z.B. Suchmaschinen sie nicht gut durchsuchen können.

Jetzt lese ich inzwischen auch öfter, daß man auf Tabellen verzichten sollte und stattdessen komplett in CSS schreiben soll. Warum? Was für Vorteile bietet das? Der Nachteil liegt bei mir klar auf der Hand, ich hab Tabellen verstanden und mit einer verschachtelten Tabelle ein nettes Design gezaubert.
www.praxis-claudia-gaertner.de
CSS ist mir noch weitestgehend ein Rätsel, eventuell vorhandene Elemente sind aus den selfthtml Webseiten übernommen.

Also, was ist so schlimm an Tabellen?

steff11 · 04.05.2006, 16:14

Gib bitte zunächst hier in der siteinternen Suche mal diese Suchbegriffe ein: Tabellen css vergleich
Und wenn du das bis morgen abend durch hast, setzen wir diesen Thread hier fort., oK?

Nele · 04.05.2006, 16:17

Ich klau mir mal die Signatur vom Boris.

Gute Gründe für Layouts ohne Tabellen - Inklusive Tipps, Links und mehr
Semantisch korrektes HTML - was steckt dahinter?

ralph12345 · 05.05.2006, 11:39

So, ich hab mich schlau gelesen, danke erstmal für den Link.

@Steff: Ich hate im Forum einiges gelesen. Primär wurde da aber immer beschrieben WIE man statt Tabellen CSS verwendet, nie warum. Bin dann aber bei der Suche auch auf den o.a. Link gestoßen.

So, was kommt dabei raus, Vorteile CSS:
-Die Website wird kleiner und läd schneller.
#Meine Website ist winzig und lädt selbst bei meinen Eltern mit 56K Modem in höchst akzeptabler Zeit. Noch das größte dabei sind jpg Graphiken, die ich mit oder ohne CSS habe.

-Designänderungen sind leichter
#Das Design steht, ich fands sehr einfach so zu bewerkstelligen und die Text Inhalte sind 1a ohne Aufwand änderbar.

-Sieht besser aus
#Meine Website sieht so aus, wie ich sie haben wollte, was will ich noch? Übrigens komplett ohne die oft bemängelten Spacer.gif

-Suchmaschinenoptimiert dank besserem Verhältnis Code zu Inhalt
#Meine index.html krankt zugegeben an wenig Inhalt, was daran liegt, daß ich auf die Titelseite nichts anderes haben möchte. Vesteckten Text mag Google bekanntlich auch nicht (mehr). Dafür ist das bei den übrigen Seiten anders. Aber auch die Index.html ist relativ klein, ob CSS da viel spart?

Zusammenfassen muß ich sagen, ich hab noch keine Aussage gefunden, die nun fundamental gegen Tabellen spricht. Eher so Aussagen, wie etwa "das macht man nicht, so wars nicht gedacht." Ich habe meine Webseite so platzsparend und klein wie möglich designt, habs schnell hinbekommen und mir gefällt das Resultat. UNd ich fand es einfach. Das Tabellen Design, daß ursprünglich mal aus Fireworks kam war leicht zu verstehen und abzuwandeln. Dagegen finde ich es unheimlich schwer, CSS Befehle zu verstehen, ob nun über eine Liste von Befehlen oder über das Analysieren einer CSS Seite. Wobei z.B. auf den selfhtml Seiten leider nicht immer klar beschrieben ist, ob der Code nun CSS sein soll oder nicht.

321 · 05.05.2006, 11:56

Zitat:

Zitat von ralph12345

Wobei z.B. auf den selfhtml Seiten leider nicht immer klar beschrieben ist, ob der Code nun CSS sein soll oder nicht.

SelfHTML's Quickbar, unter Auswahl von CSS sollte doch keine Frage offen lassen.

In einem typischen Fall von Low-Budget, darfst ja auch mal die Usability (Screenreader) und die Semantik vergessen und ein Tabellen-Design machen.
Frau Gärtner nimmt vllt. auch mal ein Tonopan, wenn der Kopf schmerzt und kein Kraut verfügbar ist!?

Iceman531 · 05.05.2006, 12:47

Zitat:

Dagegen finde ich es unheimlich schwer, CSS Befehle zu verstehen, ob nun über eine Liste von Befehlen oder über das Analysieren einer CSS Seite.

Dagegen finde ich es unheimlich schwer, Homöopathie sche Mitte herzustellen usw.

steff11 · 05.05.2006, 14:31

Dann ist doch alles in Butter: du hast die Argumente gegen Tabellenlayouts gelesen, hast sie im Kontext deiner Bedürfnisse abgewogen und dich wissend entschieden. Dann ist ok.

danis` · 05.05.2006, 15:23

Ich würde gerade mal sagen, es handelt sich hier um deine Sichtweise.

Du hast eine kleine Seite, wenig Inhalt, ein einfaches Design

Größere Seiten mit mehr Inhalt etc sind mit CSS eindeutig einfacher zu gestallten,
ich machte früher auch alles mit Tabellen - doch dur wirst sehen,
wenn deine Seiten etwas aufwendiger werden, sie mehr Inhalt enthalten wird es mit Tabellen zu deutlichen Größenunterschieden kommen.

Gruß,
Danis

Dittboy · 05.05.2006, 17:11

*michdenvorrednernanschließ*

Ich würde jetzt auch nicht anfangen die Seite neu zu erstellen. Außer sie gefällt dir nicht mehr.

Aber bei den nächsten Projekten kann man ja schonmal damit anfangen.

Solange man kein Geld damit verdient ist es ja auch halb so wild. Aber sobald man professionell Websites verkauft, sollte man sich schon etwas mehr in das Thema einlesen und auch selbstständig die Suchmaschine anschmeißen können.

Mfg
Dittboy

Mfg
Dittboy

ff-webdesigner · 07.05.2006, 14:04

Der Diskussion schliesse ich mich gerne an...

Ich will's nämlich nach 7 Jahren als Webdesigner immernoch nicht recht einsehen, warum CSS. Zugegeben, ich mache vor allem kleine schnelle Seiten, die auch unerfahrene Nutzer updaten können sollen. Tabellen sind für diese Leute einfacher zu editieren.

Aus Sicht der Usability stimme ich allen Argumenten fast uneingeschränkt zu: Seiten laden schneller, sind besser für Behinderte zu lesen etc. Die Usability für den unerfahrenen Nutzer bei Updates will ich mal ausklammern.

Ich denke, beides hat seine Daseinsberechtigung, sowohl CSS als auch Tabellenlayouts. CSS ist im allgemeinen fein, solange man nirgends sowas wie Colspan oder Rowspan braucht. Wenn doch, ist CSS echter Mist, denn dann wird das editieren richtig fuselig, keine grafische Bearbeitung, und die .css-Datei wird ellenlang.

Eigentlich wollte ich mein neues Layout komplett in CSS machen. Allerdings scheitert das an einigen Punkten (fixed body bg mit halbtransparenten png - spezialfall zugegeben). Ich hab jetzt Teils Tabellen, teils Divs.

Was würdet Ihr hier in CSS machen was in Tabelle?
www.projekte.ff-webdesigner.de/ffweb2/ ...angepasst...peinlich :-)

Auf dem Server ist gerade noch alles Tabelle, bei mir hab ich folgendes schon auf CSS umgestellt: Ganze Navigation, Hotline, Projekte und Kommentare, Mainbereich. Die kleinen Quadrate links und rechts gehen denk ich viel besser mit Tabellen, auch zwecks der Editierbarkeit. Was denkt ihr?

321 · 08.05.2006, 14:10

Zitat:

Zitat von ff-webdesigner

Was würdet Ihr hier in CSS machen was in Tabelle?
www.projekte.ff-webdesigner.de/ffweb2/ ...angepasst...peinlich :-)

Ich würde Usability und Webdesign-Tutorials in CSS-Container und alles andere in Tabellen stellen.

Boris · 08.05.2006, 14:17

Zitat:

Was würdet Ihr hier in CSS machen was in Tabelle?

Ich würde erstmal das Thema Übersichtlichkeit und Bedienbarkeit (=Layout) behandeln

MaloFFM · 01.06.2006, 20:05

bei der indexierung der seiten durch suchmaschinen machst es einen sehr grossen unterschied aus. SEs indexieren bei weitem nicht den kompletten inhalt der seite, sondern nur einen gewissen bereich. wer sich mal source von tabellen-layout anschaut und den mit layouts vergleicht, die auf "ebenen" basieren, wird ganz schnell merken, dass da viel weniger code steht. somit ist die wahrscheinlichkeit, dass eine solche seite ordentlich indexiert wird, viel höher. man kann z.b. die navi als letztes div angeben und hat diese dann am ende des source stehen. somit hat der eigentliche inhalt mehr gewicht und wird prioritär von den SEs indexiert.
ausserdem ist es viel angenehmer, ein "CSS-basiertes layout" (wobei dieser begriff falsch ist, sich aber leider immer mehr einbürgert) zu ändern, als ein tabellenlayout.

Dittboy · 02.06.2006, 00:10

Im Grunde braucht man für das Menü nicht einmal ein div. Man kann ja auch einfach der Liste eine Klasse oder ID zuweisen. Das spart divs und vermeidet eine Div-Suppe.

Mfg
Dittboy

marc22 · 02.06.2006, 12:59

Ich denke eigentlich auch, dass man das handhaben soll, wie man will. Mein Vater produziert seit Jahren Seiten, wo scih mir persönlich die Fußnägel hochrollen, aber die Seiten funktionieren überall und werden super gefunden. Das nennt man ergebnisorientiert.
Zurück zum Thema. Es gibt zweierlei Probleme, wenn Tabellen im Spiel sind:
1. Meistens werden dann auch keine sematischen Tags benutzt wie h1, h2 etc.. Das wird in Zukunft auch bei SuMas eine immer größere Rolle spielen.
2. Gibt es immer mehr Medien, die in der Lage sind, das Internet darzustellen, auch wenn sie Mikro-Displays haben...