zweispaltiges Seitenlayout

1 Dietmar (Gast)

Hallo,

ich verwende ein dreispaltiges Seitenlayout mit den Bereichen #alpha (=links) - #gamma (=mitte) - #beta (=rechts). Ich möchte, dass die rechte Spalte (beta) unter der linken Spalte (alpha) steht. Eine Verbindung beider Spalten soll nicht sein, da ich über CSS steuern will, ob die Seite zweispaltig oder dreispaltig angezeigt wird.

Es funktioniert aber mit meinem Code nicht. Die Seite ist valide. Weiß jemand Rat.

<div id="alpha">
</div>

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

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

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; 
}

Gruß, Dietmar

2 Jörg Kruse

Hallo Dietmar,

probier es mal so, dass du #gamma absolut positionierst, und die beiden anderen ganz normal:

#alpha {
width:150px;
margin-top:0px;
margin-bottom:0px;
}
#beta {
width:150px;
background-color:#FF0000;
margin-top:0px;
margin-bottom:0px;
}
#gamma {
position:absolute;
top:0;
right:0;
margin-left:180px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
text-align:justify;
}

Beitrag schreiben (als Gast)