Klassischerweise wurde Spaltensatz mit einer HTML-Tabelle gemacht. Und manche tun dies immer noch. Darüber rümpfen viele Designer die Nase. Aber: Es funktioniert. Und das hat seinen Charme. Selbst der Internet Explorer schafft eine solche Anordnung!

Wenn es denn unbedingt CSS sein muss, werden Sie erleben, dass Sie viel Spaß mit diversen Browsern haben werden.

Hier wurde folgende CSS verwendet:

header, nav, article, footer { display:block; }
h1.haupt {background-color: yellow;}
header { text-align: center;}
nav { float:left; width=25%;border:outset; }
article { margin-left:28%;width=70%; }
footer { clear:both; }

Die verschiedenen Browser (Internet Explorer, Firefox, Chromium etc) haben ihre eigene Vorstellung, wie damit umzugehen ist.