CSS Homepage, Tabellen ersetzen?

[Dieter Raber]

Hallo martinli,

Im Grunde machst du den gleichen Fehler, den die meisten machen, die von Tabellen- auf CSS-Layouts umsteigen wollen, du stellst die falsche Frage, naemlich die nach dem Layout.
Wenn du HTML von guter Qualitaet schreiben willst und es gleichzeitig einen relativ schmerzfreien Umstieg haben willst, solltest du so vorgehen:

• Stelle zuerst fest, was die Inhalte deiner Seite sind.
• Uebertrage diese in semantisch korrektes in HTML, also etwa so
  <h1>Überschrift 1. Grades</h1>
  //Navigation in ungeordneter Liste
  <ul>
    <li>, evtl mit Submenues
    ....
  // Content
  <h2> - <h6>
    <p>....
  // Footer

Dann packst du die einzelnen Teilbereiche jeweils in einen <div>-Container (Header, Navigation, Content, Footer), evtl alle zusammen in einen Gesamtcontainer. Das ist zwar nicht immer unbedingt notwendig, duerfte es dir als Anfaenger aber erheblich leichter machen.

Bis dahin hast du an Design und Layout noch keinen Gedanken verschwendet, hast aber immerhin schon eine funktionierende Webseite.

Jetzt kommt das CSS. Du faengst an mit Body, was in etwa padding, margin, font und Hintergrund enthalten wird. Dann gibst du deinem Gesamtcontainer eine Breite und setzt ihn mit margin:auto in die Mitte (zumindest ist das ein gaengiges Konzept, hier geht's mehr ums Beispiel. Dann formtierst du nach und nach Header, Navigation usw. Gehe erst zu naechsten Block, wenn der aktuelle Block in alldeinen Testbrowsern 100%ig ist.

Und das war' eigentlich schon.

Gruß,

Dieter