Startseite
Diese Seite besteht aus drei Kisten (div#header, div#navi, div#content), welche wiederum in einer Kiste liegen (div#wrapper).
Die drei Bereiche nehmen standardmässig die komplette verfügbare Breite ein, was in diesem Falle die von uns definierte Breite des Wrappers ist. Wegen des integrierten Zeilenumbruchs von Blockelementen liegen sie untereinander. Sie folgen dem natürlichen Dokumentenfluß und sind statisch positioniert. Per CSS ein wenig gestaltet... fertig.
In der nächsten Übung werden wir Navi und Content nebeneinander in Spalten anordnen.
Ich hab mir übrigens mal den Spaß erlaubt, diese Seite ohne CSS mit veralteten Techniken nachzubauen...
Und wen die ganzen browserspezifischen Paddings und Margins nerven, setzt diese erst mal alle auf Null...