fixierten Bereich in Div-Containern

[Auge]

Hallo

Wenn ich jetzt allerdings versuche, den Navigations-DIV fixieren zu lassen, also das er nicht mitscrollt, rutscht er nach ganz rechts. Er bleibt dann zwar fix, aber ist halt nicht an der Position wo ich ihn gern hätte.

css:

#content .column {

position: relative;
float: left;
}

/* Box für Navigationsspalte: */
#navi {
width: 170px;
right: 170px;
margin-left: -100%;
}

/* Fixierung der Navigationsspalte /
html>body #navi.column {  / wird wohl mit dem column zusammenhängen. */
position: fixed;
}

>   
> html-Datei:  
> ~~~html

<div id="content">  

> <div id="main" class="column">  
> <!-- Seiteninhalt -->  
> </div>  
> <div id="navi" class="column">  
> <!-- Navigationsleiste -->  
> </div>  
> <div id="termin" class="column">  
> <!-- Terminliste -->  
> </div>

Denke auch, dass es an dem #navi.column liegt. Wenn ich es weglasse, dann wird es zwar richtig dargestellt, aber es wird nicht fixiert.

Die Notation ist ungewöhnlich und unnötig. Ungewöhnlich, weil eine ID keine Klasse haben kann -- das wird auch der Fehler sein (ungeprüft) --, und unnötig, weil das Element mit #navi eindeutig benannt und somit auch zu identifizieren ist. Wenn du, um Browser auszuschließen, spezifischer wirst, reicht immer noch html>body #navi, um gegen #navi zu gewinnen.

Tschö, Auge