Zur Navigation

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

07.12.2006 10:08

2 Jörg

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

07.12.2006 10:50

Beitrag schreiben (als Gast)





[BBCode-Hilfe]