Hauptfeld scrollt alleine runter?

[Pandomus]

Hallo,
ich habe eine riesen Bitte. Ich erstelle momentan ehrenamtlich für Freunde eine Internetseite. Die ist momentan noch im Aufbau : http://bit.ly/l1gDRz
Mein Freund möchte gerne das wenn man runter scrollt, die linke Navigation immer sichtbar ist, also nur das Main Feld sich bewegt. Das ist bestimmt möglich aber ich bekomme es einfach nicht hin! Könnt Ihr mir vielleicht einen Tipp geben?
Vielen Dank im vor raus!!

[MiTsch]

Hallo Pandomus,

 
#left {position: fixed;}

Du musst dann allerdings in deiner Seite den Header auch anpassen.
Schau auch mal hier!

Viele Grüße
MiTsch

[Pandomus]

Vielen Dank, aber ich steh total auf dem Schlauch.
Jetzt scrollt die Navigation gar nicht mehr mit und ich kann nicht alles lesen von der Navigation weil ich dafür ja scrollen muss. Also geht das doch eigentlich gar nicht oder??

[thomas.japan]

Es gibt hierfür Java-Script Lösungen. Leider finde ich im Moment den Link zu einer solchen nicht wieder. Wenn doch noch poste ich den hier.

Der Vorschlag von MiTsch ginge auch. Allerdings müsstest Du dann Deine Seitenstruktur ändern um ein "kürzeres" Menü zu bekommen. Unterseiten werden erst nach dem Klick auf den übergeorndneten Seitennamen angezeigt (Menu-Einstellungen).
Und eine feste Position für das Menü angeben. Teste mal ein bischen rum...

Gruß
Thomas

[Pandomus]

Vielen Dank. Es soll jetzt erstmal so bleiben, auch weil die Navigation nicht verkleinert werden soll.
Ich trete trotzdem auf der Stelle. Wenn Ihr mit der Maus auf den Punkt Hündinnen oder Rüden fahrt, klappt nach rechts das Menü mit den Unterseiten auf. Aber so das man nicht draufklicken kann, weil sich das 2.Level halt direkt darunter öffnet. Ich habe diesen CSS-Code:

/* Zweite Navigationsebene vertikal */
/*Unterpunkte links einrücken */
#left .level_2 li {
clear: both;
border: none;
}
#left .level_2 {
position: absolute;
left: -9999px;
top: -9999px;
overflow: hidden;
display: inline;
width: 100px;
height: 50px;
z-index: 1;
}
#left li:hover .level_2 {
left: 170px;
top: auto;
overflow: auto;
display: block;
width: auto;
height: auto;
background-color: #deb887;
border-bottom: 1px solid #2D5B85;
}
/* Hervorhebung für Unterpunkte */
#left .mod_navigation li li a:hover,
#left .mod_navigation li li a:focus {
background-color: #deb887;
color: #000000;
}

Da steht: TOP: auto;
wenn ich das verändere funktioniert das nicht, was ja eigentlich auch klar ist. Was muss ich machen damit sich das Level 2 direkt neben dem Punkt öffnet?

[MiTsch]

Hallo Pandomus,

Ich trete trotzdem auf der Stelle. Wenn Ihr mit der Maus auf den Punkt Hündinnen oder Rüden fahrt, klappt nach rechts das Menü mit den Unterseiten auf. Aber so das man nicht draufklicken kann, weil sich das 2.Level halt direkt darunter öffnet.

bei mir öffnet sich die zweite Ebene direkt neben der Hauptnavigation und ich kann es auch anklicken!
Problem zwichenzeitlich gelößt?

Viele Grüße
MiTsch

[Pandomus]

Also nicht wirklich, ich habe bei TOP jetzt, ich glaube 400px eingegeben. So öffnen aber natürlich beide Navigationsebenen auf der gleichen Höhe.
Wenn ich jetzt noch irgendwo eine zweite Navigationsebene einrichte, öffnet die dann auch dort. Also vernünftig ist das so nicht. Aber funktioniert erstmal!

[Pandomus]

Hat keiner einen Rat von euch? Ich bekomm es nicht hin!!

[MiTsch]

Wenn ich jetzt noch irgendwo eine zweite Navigationsebene einrichte, öffnet die dann auch dort. Also vernünftig ist das so nicht. Aber funktioniert erstmal!

meinst Du damit eine 2. Unterebene
In etwa so?

Hündinen-- Alice
............|- Fenja
............|- Sannie
............|- Luzzie -- Rasse
.........................|- Alter
.........................|- Impfungen
.........................|- Lieblingsfutter


Viele Grüße
MiTsch

[Pandomus]

Hallo nein das Menü bleibt wie es jetzt ist. Aber beide Unterpunkte öffnen sich auf einer Höhe. Und das sieht natürlich blöd aus. Bei dem Punkt Hündinnen ist es richtig, aber der Punkt Rüden öffnet sich genau auf gleicher Höhe.

[Pandomus]

Ich denke das ich TOP wieder auf Auto und was anderes verändern muss, aber was??

[MiTsch]

Hallo Pandomus,

... ... ...öffnet die dann auch dort.

Ahhh! Jetzt weiß ich auch was Du meinst!

Füge dem .level_2 mal float:right hinzu.

Top muss wieder raus, da Du damit die Unternavigation an dieser Stelle festtackerst!


Viele Grüße
MiTsch

[Pandomus]

Hallo Pandomus,


Ahhh! Jetzt weiß ich auch was Du meinst!

Füge dem .level_2 mal float:right hinzu.

Top muss wieder raus, da Du damit die Unternavigation an dieser Stelle festtackerst!


Viele Grüße
MiTsch

Habe das gerade ausprobiert, aber auch das funktioniert leider nicht. Wenn ich TOP wieder auf Auto setze, ist es wieder nach unten eine reihe weiter verschoben.
Trotz FLOAT:RIGHT, wenn ich TOP ganz weglasse, wird die Zweite Ebene gar nicht angezeigt. Aber mit oder ohne Float RIGHT, die Navigation funktioniert ja, die geht ja nach Rechts raus, nur nicht an der richtigen Stelle!!
Kann es sein, das ich an dem Rest von dem oben geposteten CSS Code ein Fehler eingebaut habe??

[Pandomus]

Das kann doch nicht sein das es dafür keine Lösung gibt oder?
Ich probier rum ohne Ende aber es klappt nicht!

[MiTsch]

Hallo Pandomus,

leider habe ich es bisher noch nicht geschafft, mich intensiver mit dem CSS-Code für das
Styling der 2. Menüebene zu befassen.

Hier habe ich jedoch eine Lösung für dein eigentliches Problem:

Mein Freund möchte gerne das wenn man runter scrollt, die linke Navigation immer sichtbar ist, also nur das Main Feld sich bewegt. Das ist bestimmt möglich aber ich bekomme es einfach nicht hin! Könnt Ihr mir vielleicht einen Tipp geben?

Gib mal folgenden CSS-Code ein:

#main .inside { height: 500px; overflow:scroll; }

Den Wert height musst Du natürlich nach deinen Bedürfnissen anpassen.

Viele Grüße
MiTsch