Header und Menüleiste fixieren 
Autore: René M.
Visite 5623,
Followers 2,
Condiviso 0
Wie kann ich den Header und die Menüleiste fixieren, so dass nur noch der Seiteninhalt gescrollt wird?
Postato il
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
Autore
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>
Autore
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 !
Autore
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.
Autore
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!