Header und Menüleiste fixieren 
Auteur : René M.
Visité 5377,
Followers 2,
Partagé 0
Wie kann ich den Header und die Menüleiste fixieren, so dass nur noch der Seiteninhalt gescrollt wird?
Posté le
Die Menüleiste kannst du unter Stile u. Modelle im Hauptmenü ein Häkchen setzen bei Option automatischer Menülauf !
Den Header fixieren geht nur über CSS !
Hier eine Anleitung
http://unofficialwsx5.de/board54-website-x5-version-10/allgemeine-diskussion-professional/2132-fixierter-header-für-bernie/?highlight=header+fixieren
Auteur
Ist mir nicht ganz klar wo ich all diese Codes hinterlegen soll...
Unter "1" Erweitert "vor dem </head> Tag"
<style>
#imHeader{position:fixed;width:100%;z-index:100;}
</style>
Auteur
Ich habe nun diesen Code aus Deinem obenstehenden Link verwendet, da ja die Höhe des Headers (200px) auch noch definiert werden muss:
<style
type="text/css">
#imHeader, #imHeaderBg {position: fixed; width:100%; z-index: 1000;}
#imContent {padding-top:200px;}
</style>
Problematik mit Deinem und diesen Code:
Der Header bleibt nur oberhalb des Seiteninhalts fix (s. Beilage Pkt. 2). Die seitliche Menüleiste wird dafür ganz nach oben versetzt (siehe Pkt 1), egal ob ich unter "Einstellungen" die Option "automatischer Menülauf des Menüs" aktiviere oder nicht.
Gibt es zur Testseite einen LINK ? So von sich heraus ist es immer ein Ratespiel was für ein Code passt !
Auteur
Hier der Link zur Testseite: www.test2.wyabig.ch
gibt noch den Code dazu !
#imMnMn {position: fixed; padding-top;225px;}
Nachtrag: nach padding-top gehört ein ":" (doppelpunkt)
steht im Themalink oben schon da...mit bild.
Auteur
Super, genau so funktioniert es:
<style
type=
"text/css">
#imHeader, #imHeaderBg {position: fixed; width:100%; z-index: 1000;}
#imContent {padding-top:200px;}
#imMnMn {position: fixed; padding-top:225px;}
</style>
Vielen Dank!