Header und Menüleiste fixieren
Autor: René M.
Visitado 5621,
Followers 2,
Compartido 0
Wie kann ich den Header und die Menüleiste fixieren, so dass nur noch der Seiteninhalt gescrollt wird?
Publicado en
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
Autor
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>
Autor
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 !
Autor
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.
Autor
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!