Supportnet / Forum / Webseiten/HTML

moin hab momentan viel zeit und möchte mich etwas näher mit css beschäftigen. habe hier die letzten monate hier ein bisschen über css mitgelesen (barrierenfreiheit, layout usw.) und glaube es lohnt sich etwas mehr damit zu machen. und nun meine frage: kann man mit css "<table>" vollständig ersetzen? hab zwar schon gute layouts ohne tables gesehen (bsp.: (www.heute.de/ZDFheute/inhalt/23/0,3672,2260087,00.html) und denke mal das es deswegen geht, aber raffe den aufbau nicht so ganz. also kann mir jemand sagen wie ich bspw. so eine tabelle mit css ersetzen kann: <table> <tr> <td> 1 </td> <td> 2 </td> </tr> <tr> <td> 3 </td> <td> 4 </td> </tr> </table> nen tutorial zu diesem problem würd ich auch gut finden. hab zwar schon ein paar angeguckt aber die befassen sich immer mit den ersten schritten. danke schonmal g, disco

hai,
schau doch mal dort vorbei
>>link>>
>>link>>

@otimac

Sehr hilfreiche links, besten Dank fürs posten.

http://www.webwriting-magazin.de/sogehts/cssebenen.shtml

zu deiner Frage
Natürlich lautet die Antwort Nein.

Schließlich sind Tabellen die einzig sinnvolle Darstellungsweise für tabellarische Daten.
Aber der ganze Layoutkram lässt sich durch CSS ersetzen.

Auch das ist zu verneinen. Wie hier schon mehrfach diskutiert, lassen sich vielleicht grundsätzlich Tabellenlayouts ersetzen, dafür ist aber u.U. ein erheblicher Mehraufwand erforderlich, der in einem auffälligen Mißverhältnis zum Ergebnis steht (insbesondere bei vollständig grafischen Layouts).

gibts auch noch andere? ;-)

Es gibt zugegebenermaßen Layout-Spielereien, die sich mit CSS recht schwierig gestalten lassen, da die Browser CSS unterschiedlich interpretieren (z.B. der Box-Model-Bug des IE, von Netscape 4 schon gar nicht zu reden).
Im Zusammenhang mit Barrierefreiheit und Accesibility spielt das aber keine Rolle, da pixelgenaues Gestalten und Layout-Spielereien dabei eigentlich nicht vorkommen (sollten).

"Grafik" und "Barrierefreiheit" sind schon ein Widerspruch. Aber wirklich barrierefrei sind letztlich nur reine Textseiten. Mir geht es nur darum festzustellen, dass sich zumindest zur Zeit Tabellen noch längst nicht vollständig durch CSS o.ä. ersetzen lassen. Ich glaube auch nicht, dass das in absehbarer Zeit so sein wird.

das scheint so, da das Beispiel für barrierebehaftete Seiten immer auf sehbehinderte Surfer ausgerichtet sind.

Menschen mit reduziertem Lesevermögen werden dagegen durch reine Textseiten behindert.

Warum Barrierefreiheit auch für Surfer, die im üblichen Verständnis nicht behindert sind, wichtig sein kann zeigt: Kinder und Barrierefreiheit: Es ist wichtig

danke erstmal für die antworten.
hab nen bisschen rumgespielt und das layout bei komplexeren tabellenstrukturen mit css zu ersetzen, scheint wirklich in keinem vernünftigen verhältnis zu meinen bisherigen anforderungen zu stehen. allerdings hab ich einige neu funktionen gesehen, die ich bis jetzt nicht genutzt habe und die bestimmt noch nützliche sein werden.

g,
disco

Eigentlich wirst du feststellen, dass der Wartungsaufwand sich schlagartig auf ein Minimum reduziert, wenn du die Seite konsequent nach Inhalt (HTML) und Form (CSS) getrennt hast.

Ich bin jedenfalls heilfroh, vor ein paar Jahren das Layout auf CSS umgestellt zu haben und die täglichen inhaltlichen Ergänzungen so rasch einfügen zu können - und dies auf Quellcode-Ebene, die nicht allein durch (verschachtelte) Tabellen, Tag-Missbrauch und ähnliches undurchschaubar ist.

für schrifften, formularobjekte usw. verwende ich css auch schon länger. aber halt nur um ein einheitliches layout zu garantieren und um ab und zu schreibaufwand zu vemeiden. das läuft auch prima. wollte halt nur mal wissen, ob es sich lohnt in meinem fall komplett auf css zu gehen. aber momentan brauch ich das glaub ich noch nicht.

g,
disco

und wenn die Seite dann noch komplexer wird gehts erst recht nicht mehr ;-)

Ich vermute mal, dass deine Seiten nicht unter den Anwendungsbereich der BITV oder die VO der Länder fallen und dass du vermutest, dass unter den Seitenbesuchern niemand irgendwie behindert ist (was ich bezweifle, z.B. sind 5-10% aller Männer rot-grün-blind, außerdem können selbst Kinder eine Behinderung sein, siehe den Link in A8).

Hast du deine Seiten mal getestet (z.B. bei www.barrierefinder.de oder im Textbrowser Lynx betrachtet?

hab bis jetzt nur abeschlossene seiten gemacht (umfragen (php), und ne art forum (jsp)), die nicht öffentlich waren. deswegen wird es bei mir nicht nötig sein die seiten nach css zu "übersetzen".
ich denke mal, dass es bei späteren projekten durchaus sinnvoll ist, einigermassen auf barrierenfreiheit zu achten. wobei ich (nach den fragen des barrierenfinders) glaube, dass man deswegen nicht alles mit css machen muss. allerdings hab ich davon auch nicht viel ahnung. für mich scheint es am schwersten zu sein, dass die seite auch in einem textbrowser richtig angezeigt wird, wenn man ein komplexes layout hat.

g,
disco

Für alle, die sich mit dem Thema css-Layout mal beschäftigen wollen, hab ich hier noch einen tollen Link mit einem verständlichen Tutorial: http://www.andreas-kalt.de/webdesign/tutorials/css-layout-erstellen

Gruß Flupo

• uchen und Ersetzen
• [CSS] div's nebeneinander - wie Tabelle
• Ms Access Frage zu Tabellen
• Tabellen mit CSS formatieren FF vs. IE6
• Umlaute in MySQL anpassen