Linke spalte fixed verschwindet.

[Fkhm]

Habe mal wieder ein kleines Problem auf dessen lösung ich nicht komme.

Wenn ich dem #Header einen z-index verpasse und ein position: fixed; dann funktioniert das alles einwandfrei, der Header bleibt immer sichtbar und der Main bereich verschwindet unter dem Header beim scrollen. Soweit so gut.
Ich möchte aber, dass (wenn der Header nicht fixed ist, das war nur zum ausprobieren) die Linke spalte ein position: fixed; hat. also immer sichtbar neben dem Text ist, obwohl ich im Text scrolle. Bekomme es nicht hin, sobald ich das position:fixed; einfüge, ist die Navigation in der linken Spalte nicht mehr zu sehen.

contao.pikante-stadtallendorf.de ist der Link zur Demo-Seite. Mit firebug lässt sich ja alles rekonstruieren, habe das position: fixed; erstmal wieder entfernt.

Wisst ihr woran ich da scheitere?

[tlnewbie]

Aus dem Bauch heraus würde ich sagen, das liegt am Holy-Grail-Layout.
Wenn Du position:fixed setzt, musst Du wohl auch den / die margins setzen.
Ich würde mal margin: 0; top: (Höhe Deines headers) versuchen.

Viel Glück.

Die genannte subdomain ist übrigens 'forbidden', d.h. wir sehen nichts.

[Fkhm]

Genau das hatte ich schon probiert, funktioniert leider nicht. Auch mit Firebug finde ich das Problem nicht, sobald ich das position: fixed; in firebug deaktiviere, ist die linke Spalte wieder sichtbar.

[tlnewbie]

Dann musst Du wohl noch den z-index setzen und zwar höher als bei den anderen Bereichen.

[Fkhm]

Auch mit dem z-index funktionierte es nicht. Vielleicht hatte ja noch jemand das gleiche Problem oder weiß woran es liegen könnte. Beim header funktioniert es ja einwandfrei.

[tlnewbie]

[EDIT: war nicht korrekt]

Ich habe aber genau das was Du vorhast, schonmal unter 3.x gemacht (und dabei hab ich #left .inside (nicht #left selbst) auf position: fixed gesetzt und musste auch mit den margins herumspielen und eben den z-index setzen).
Probier das Ganze vielleicht mal mit einem weitgehend 'leeren' layout, dann siehst Du, wohin die Navi rutscht bei den css-Versuchen.

Viel Erfolg.

nochmal edit:

bei mir funktioniert einfach das:
#left .inside {
position:fixed;
margin-left: 0px;
}

Im Chrome (/ Safari?) rutscht das Ganze dann bei mir in den main-Bereich, daher noch folgendes:

body.webkit #left .inside {
position:fixed;
margin-left: -200px; /* Breite Deiner linken Spalte */
}

[Fkhm]

Hab jetzt nochmal etwas rumprobiert. Wollte so nicht funktionieren. Dann muss es erstmal so bleiben wie es jetzt ist. Schade.

Dir aber ein großes Danke für die Mühen.

[Stiwano]

Mir hat es geholfen! Superwichtiger Tipp! Vielen Dank.

LG
Stephen