Strukturwandel!? DIV oder Table

[prm]

Eine CSS-basierte HP hat gegenüber einem Tabellenlayout u.a. folgende Vorteile:
Der HTML-Quelltext beschränkt sich ausschließlich auf den Inhat, nicht auf die Formatierung. Dadurch wird er schlank, übersichtlich, weniger fehleranfällig und somit auch suchmaschinenfreundlicher.
Sämtliche Formatierungen (Positionsbestimmungen der Boxen wie Header, Navi, Content, Schrift- und Hintergrundfarben, Schriftarten und -größen, Rahmen usw.) werden in einer ausgelagerten CSS-Datei definiert.
Auch das bringt weitere Vorteile: Wenn du dein bisheriges Layout wechseln willst, kannst du diese Änderungen zentral in dieser CSS-Datei vornehmen und musst nicht jede Seite an den entsprechenden Stellen anpassen.
Sieh dir mal z.B. meine Seite an: da habe ich in der oberen Horizontalnavi unter "myPteam" verschiedene CSS-Dateien mit unterschiedlichen Styles hinterlegt. Der HTML-Code ist jedoch für alle Seiten der gleiche. Die Farbänderungen erfolgen nur in der CSS-Datei.
Tabellen sind mit ihren vielen Zeilen und Zellen sehr unübersichtlich. Fürs Layouten sollte man sie deshalb aus allen genannten Gründen nicht verwenden. Sie haben jedoch nach wie vor ihre Berechtigung, wenn es um die Darstellung eines strukturierten Inhalts geht (z.B. Adressliste mit Name, Straße, Ort).

Wenn du deine Seite umstrukturierst (ist sicher etwas Arbeit, die sich aber bei der späteren Pflege durch geringeren Aufwand auszahlt) musst du etwas umdenken, also das bisherige "Tabellendenken" vergessen. Ich würde dir deshalb einen kompletten Neuanfang empfehlen, wobei du lediglich deine bisherigen Textinhalte an die entsprechenden neuen Stellen reinkopierst.

Als Einstieg kann ich Little Boxes auch empfehlen. Möglicherweise kannst du dir das Geld aber auch sparen, indem du dich durch meine Signatur arbeitest. ;-)