Dietmar: spezielles Seitenlayout

Beitrag lesen

Hallo,

ist es möglich mit CSS, aus einem dreispaltigen Layout ein zweispaltiges Layout dadurch zu schaffen, indem man eine der äußeren Spalten unter die andere stellt?

Die Originaltestseite mit dreispaltigem Layout findet man unter:
http://www.kolping-hohenfels.de/demo/index.htm

Der Versuch eine zweispaltige zu konstruieren unter:
http://www.dietmar-feuerer.de/demo/index.htm

Ich habe schon <br class="clearall" /> [.clearall {clear: both;}] nach #beta zum Testen eingefügt. Dadurch änderte sich nichts.
Die Seiten sind alle valide.

Die Struktur des Mittelbereichs der Seite ist:
<div id="alpha">
</div>

<div id="beta">
</div>

<div id="gamma">
</div>

Der dazugehörige CSS-Code:
#alpha {
float:left;
width:150px;
margin-top:0px;
margin-bottom:0px;
}
#beta {
width:150px;
background-color:#FF0000;
margin-top:0px;
margin-bottom:0px;
}
#gamma {
float:right;
margin-left:180px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
text-align:justify;
}

Vielen Dank und Gruß, Dietmar