Servus,
ich hab da nen kleines Problem mit position meiner div's.
Zum Problem selbst:
Ich möchte 3 Div's nebeneinander.
Navigation,Subnavi und Mainframe.
Dazu der CSS Code:
div#Inhalt{
height:1000px;
width:800px;
background-color:#000000;
z-index:1;
position:static;
}
div#Navigation{
height:250px;
background-color:#FFFF66;
float:left;
width:200px;
z-index:2;
border:1px #707070 solid;
position:static;
}
div#Subnavi{
width:50px;
height:100px;
z-index:2;
background-color:#00FFFF;
left:750px;
border:1px #707070 solid;
position:fixed;
}
div#Mainframe{
height:1000px;
background-color:#FFFF88;
z-index:2;
margin:0px 60px 0px 210px;
overflow:auto;
-moz-border-radius:30px;
border:1px #707070 solid;
position:static;
}
Und dazu der Html:
<div id="Inhalt">
<div id="Navigation">
</div>
<div id="Subnavi">
</div>
<div id="Mainframe">
</div>
</div>
Mein explizites Problem besteht darin, dass ich aus dem position an und für sich noch nicht wirklich richtig schlau werde, ich aber weiß, dass float:right; für Subnavi keine Relevanz mehr haben wird aufgrund der Position.
Somit muss ich Subnavi mit "left" positionieren, dieses bezieht als Ankerpunkt allerdings den linken Abstand zur Seite, und nicht den linken Abstand vom Inhalts div heran - womit "Subnavi" je nach Auflösung wo anders hängt.
Wo ist mein Denkfehler? =/