Was ist anders als sonst?
Der größte Unterschied ist die Anordnung des Quelltextes. Wenn Ihr mal das Layout wegschaltet, seht Ihr folgende Anordnung:
- Header
- Content
- Menü
- Teaser
- Footer
Das erfreut Suchmaschinen, Screenreader und Layout-Abschalter ;o)) ... Das ganze skaliert auch recht ordentlich, solange man im praktischen Bereich bleibt.
Extras
Naja, ich habe ein paar Kleinigkeiten für uns Spielkinder eingebaut. Als erstes fällt vielleicht das Menü auf - wenn man die einzelnen Menüpunktre hovert, gibt es in der linken Spalte eine Box, die man mit Erklärungen oder Kommentaren füllen kann. Natürlich als reine CSS-Lösung <g>.
In der rechten Spalte gibt es mal wieder "Teaser", die man natürlich ganz nach Belieben füllen kann.
Im Head-Bereich findet Ihr die ordentlich funktionierende Einbindung für ein Print-Stylesheet, den üblichen Magerquark für Netscape4 sowie Conditional Comments für diverse IEs. Das Print-Stylesheet könnt Ihr sehen, wenn Ihr in die Druckvorschau Eures Browsers geht.
Fallstricke
Für die Textblöcke im Content-Bereich nutze ich max-width - das funktioniert bekanntlich nicht im IE. Kann man natürlich mit proprietären 'Expressions' ausgleichen, aber dann muß man auch das Layout etwas anders organisieren, sonst kommt es zu Überlappungen.
Ach ja, dieses Layout nimmt keine Rücksicht auf überlange Teaser - wenn Ihr in die rechte Spalte mehr Teaser schreibt als Ihr Inhalte im Contentbereich habt, tja, dann wird der Footer überlappt ...
Ok, der übliche Hinweis - das hier ist kein "schlüsselfertiges" Layout für eine komplette Webpräsenz. Wie immer ist es ein Gerüst, aus dem man sich (hoffentlich) das eine oder andere ableiten kann ...