Ich hab schon wieder das nächste Problem. Ich habe in meinem CSS 2 Spalten gemacht, eine linke und eine rechte. In der rechten ist der Inhalt, in der linken die Navigationsleiste.
Nun möchte ich natürlich, dass bei scrollbaren Seiten die Navileiste stehenbleibt.
Dafür habe ich hier bereits im Kapitel Footer nachgelesen und die Anweisung
position:fixex;
in die Spaltendefinition der Navileiste (#navi) integriert:
body { font-family:arial,sans-serif; background-color:#EBE9D8; margin-left:5%; margin-right:10%; margin-top:30px; margin-bottom:10px; } <!-- Farb- und Schriftbestimmung der Hauptanwendung-->
p, h1, h2, h3, h4, ul, ol, li, div, td, th, address, blockquote, nobr, b, i { font-family:arial,sans-serif; color:#070204; }
h1 { font-size:18pt; color:#070204; }
h2 { font-size:14pt; color:#070204; }
h3, { font-size:12pt; color:#070204; }
h4 { font-size:12pt; color:#070204; }
p, ul, ol, li, div, td, th, address, nobr, b, i { font-size:12pt; color:#070204; }
pre { font-family:courier new,courier; font-size:12pt; color:#070204; }
a:link { color:##0000FF; text-decoration:underline; }
a:visited { color:#800080; text-decoration:underline; }
a:hover { color:#FF0000; text-decoration:none;}
a:active { color:#FF0000; text-decoration:none; }
a:link img { text-decoration:none;}
#navi { position:fixed;float:left; height:1500px;width:220;margin-top:10px;}
#inhalte {;float:right;}
Leider funktioniert das nicht richtig, denn die Spalte scrollt weiter mit.