Was Sie hier sehen ist ein Div-Container mit einer Breite von 840 Pixel. Dieses Muster ist Block1. Dieser Block ist mit zwei Div´s für die runden Ecken oben und zwei Div´s für die runden Ecken mit Schatten unten gebaut. In der Mitte befindet sich ein Div für den Inhalt den Sie gerade lesen. Die Breite 840 Pixel sind die Maximale Breite für diesen Container.
Block 2 hat eine Größe von 800 Pixeln in der Breite. Das schöne an dieser Zusammenstellung ist; man muß lediglich den Bereich den Sie gerade lesen in der CSS festlegen als Block1, Block2 und so weiter, die runden Ecken und Schatten CSS bleibt immer gleich.
Hier nun Block3 mit 700 Pixeln. Die Blöcke können von 840 bis zu einer minimalen Breite von 613 Pixeln gebaut werden. Größer oder kleiner verwirft die Grafik des Footers für diesen Container und sieht dann nicht mehr schön aus. Für den Footer-Schatten wurden zwei Div´s gebaut, eine Lange rechts und eine etwas kleinere links.
Block4 mit 670 Pixeln ist der vorletzte in dieser Demo. Die Grafik links für die Schrift (Muster 4) ist in H3 geschrieben. Die Größe H3 hat einen Background bekommen und mit einem margin-left wird die Grafik nach links geschoben. Alles was in H3 festgelegt wird bekommt diese Grafik einer (Ribbon) Fahne.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.