Hallo,
ich will mein Layout mit weniger div-Bereiche konstruieren.
Ist das Layout der Testseite http://www.dietmar-feuerer.de/ , das dann in die Webseite http://www.kolping-hohenfels.de/ übernommen werden soll, ausreichend stabil oder gibt es noch Verbesserungsmöglichkeiten.
Gruß Dietmar

Nein, dieses Layout hat deinen ausgeschriebenen Stabilitätstest leider nicht bestanden.

Offensichtlich ist dir während, wie auch zum Abschluß der CSS-Entwicklung nicht in den Sinn gekommen, die grundsätzliche Seitendarstellung, sowie ihre Wirkung im Bezug zur Browserfenstergröße zu überprüfen, und hierbei auch mal die Viewportbreite gen null zu fahren.

Der Darstellungsfehler, der dir begegnet, sobald die Fensterbreite ein gewisses Maß unterschreitet (mit meiner Monitorauflösung 1280*1024px vom linken Browserfensterrand aus gemessen ~ 700px), lässt dein mehrspaltiges Layout von rechts nach links verlaufend nach und nach wie ein Kartenhaus einstürzen, bis am Ende nur der linke Spaltenblock sichtbar übrig bleibt, und seine benachbarten Spalten sich unterhalb von ihm wiederfinden.

Dieses spezifische Problem mit den umfliessenden Blöcken (float-Eigenschaft) war hier in der Vergangenheit immer wieder ein Thema, und wurde mit Hilfe der min-width-Eigenschaft für die Mutterbox (bei dir #container) beseitigt.

Unterschreitet die Viewportbreite das festgelegte Maß der Mindestbreite, das absolut (z.B. "px") anzugeben ist, erscheint der horizontale Scrollbalken im Browserfenster, und das Spaltenlayout verhält sich "stabil".

Danke für den Hinweis. Ich habe eine Mindestbreite von 800 px, vorgegeben, da das Layout von 800 bis 1024px flexibel ist. Dementsprechend habe ich als MaxBreite 1024 px definiert.