Wie Layoutet Ihr? Tabellen / Div-Tags?

[Jörg Peschke]

Moin,

Für mich gibt es folgende Vor- / Nachteile:
Vor:

• Habe immer eine genaue übersicht über das Layout (dank den Tabellen)

Das wage ich schonmal zu bezwifeln. Das geht vielleicht noch gut, wenn Du den HTML-Code mit Dreamweaver o.ä. begucken kannst (also einer Software die mit dem Medium "tabellen" als Layout-Möglichkeit umgehen kann) - spätestens, wenn Du aber z.b. den Code nicht selbst tipst, sondern generierst (mittels PHP, JSP, PERL oder was auch immer) wirst du mit Tabellen komplett wahnsinnig.

• Habe bisher jedes layout mit Tabellen sauber umsetzten können

Wenn du "sauber" im Sinne von "sieht im Browser gut aus" verstehst, stimme ich Dir zu. Im Sinne von "lesbarer Code" sind Tabellen aber i.d.Regel nicht wirklich sauber.

• Tabellen und CSS funzt perfekt zusammen.
• CSS kann perfekt eingesetzt werden.

Jo, wäre auch schlimm wenn dem nicht so wäre :)
"CSS-Layout" ist ja auch nicht gleichbedeutend mit "nie wieder Tabellen". Sondern Tabellen fürdas zu benutzen, für das sie gedacht sind...für Tabellen :)

• Ich hasse Layout's via <div>-Tags, da sie überhaupt nicht übersichtlich sind und zumal auch nicht bei allen Browser das gleiche herauskommt.

Da hast Du recht. Aber da kommt genau Cheatahs Antwort mit dem
"semantischen Markup" ins spiel. In einem Tabellenlayout einfach alle Tabellen durch Divs zu ersetzen, bringt an Übersichtlichkeit rein gar nichts - leider sieht man das trotzdem sehr oft.

Aber: Z.b. eine Überschrift als eine Überschrift (nämlich als h1,h2,h3...), eine Liste als Liste (ul/li) oder eben eine Tabelle als Tabelle (mittels table) auszeichnen macht den Code mit einem Schlag lesbar wie ein Buch:
Du Beschreibst mit HTML nur noch Strukuren und inhaltliche Zusammenhänge, aber nicht mehr das Aussehen (denn das regelt der Browser mit oder ohne Zusammenarbeit mit CSS).

Das von Dir angespochene Kompatiblitätsproblem zwischen den Browsern steht allerdings dem sauberen, semantischen Markup oft noch im wege -
leider.

Nach:

• Boxing-Art im IE und Mozilla sind nicht gleich, verschiedene Masse, kann jedoch durch sauberes w3c Html und CSS behoben werden.
• Weitere?

Eure Meinung?

Dank und Gruss