Header und Menüleiste fixieren
Author: René M.
Visited 5627,
Followers 2,
Shared 0
Wie kann ich den Header und die Menüleiste fixieren, so dass nur noch der Seiteninhalt gescrollt wird?
Posted on the
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
Author
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>
Author
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 !
Author
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.
Author
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!