Modernisierung mit CSS

[chmee]

Viel ist darüber zu lesen. Doch praktische Beispiele find ich kaum.

Ich bin kein professioneller Web-Designer, möchte aber zumindest
meine Seite aktualisieren und unbedingt mit CSS und den
Vorteilen konfrontiert werden

1. Wie also ersetze ich Tables durch CSS
2. Ist das machbar ohne JS ?
3. Ohne jegliche Sprache oder serverseitige Scripts ?

Gebt mir Beispiele.


Danke im voraus und schon mal ein Frohes Fest.

mfg chmee

ps: Wenn diese Frage schon x-mal gestellt wurde, dann sorry und Verweis auf
die informativsten Beiträge.

 

[p-mania]

Zu Frage 1:

Tabellen werden im Grunde durch DIV’s ersetzt wenn man CSS benutzt.
wobei man hier auch fairer weise sagen muß das man auch Tabellen mit CSS aufwerten kann aber ich denke mal du willst auch auf Hinblick von XHTML Validität was machen und da sind Tabellen nicht mehr ganz so aktuell

Gute Tutorials zum Thema Tabellenlose Webseiten mit CSS gibt es zu genüge ich lege dir mal anbei eine sehr gute Webseite ans Herz die schritt für schritt alles wichtige erläutert ( leider nur in englisch)

Tutorial über CSS basierte Webseiten (Schritt 1 ...)

mußte dich dann ein wenig durch klicken weil das alles aufeinander folgende Tutorials sind oder einmal die PDF Datei versuchen da sollte eigentlich alles wichtige enthalten sein.

zur PDF Datei...

zu Frage 2: Ja , und das schöne ist das man auch Rollover Geschichten mit CSS gestalten kann ohne Javascript benutzen zu müssen.

zu Frage 3: Ohne jegliche Server seitige Script’s
CSS und HTML mußt du schon verwenden bzw. XHTML.

edit: hab gerade noch was auf Deutsch in meinen Lesezeichen entdeckt:
Tabellenlose Layouts mit Dreamweaver MX

Gruß P

 

[chmee]

Frohes Fest und Danke für die klare Antwort

Also Tabellen durch DIV-Layer ersetzen, richtig ?
Haben die das Netscape/IE - Problem gelöst durch Normierung oder muß man immer
noch eine Intro-Seite in JS fragen lassen was ein Browser anfragt ?

 

[Gumbo]

Erst einmal möchte ich dir zwei ausgezeichnete Artikel bzw. Webseiten über die Vorzüge von tabellenlosem Design nahelegen:

• Stopdesign | Throwing Tables Out the Window
• Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten

Wirklich ausgezeichnete Beispiele für tabellenloses Design ohne JavaScript ist das CSS Zen Garden-Projekt.
Weitere Ticks und Kniffe findest du auf A List Apart.