Header und Menüleiste fixieren
Автор: René M.
Просмотрено 5625,
Подписчики 2,
Размещенный 0
Wie kann ich den Header und die Menüleiste fixieren, so dass nur noch der Seiteninhalt gescrollt wird?
Размещено
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
Автор
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>
Автор
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 !
Автор
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.
Автор
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!