Fixieren des Header 
Autor: Ukraine.report .
Besucht 1692,
Followers 2,
Geteilt 0
hi :)
ich möchte die Kopfzeile und Fußzeilte fixieren.
https://helpcenter.websitex5.com/de/post/195415#4
War sehr hilfreich der Ansatz.
Aber ich muß es in jede neue Seite kopieren, wie ich es so haben will?
Wenn ja dann habe ich es bei der Seite vor den Header kopiert:
<html><bodystyle="height:100%;width:100%"><divid="header"style="position:absolute;top:0px;left:0px;height:200px;right:0px;overflow:hidden;"></div><divid="content"style="position:absolute;top:200px;bottom:200px;left:0px;right:0px;overflow:auto;"></div><divid="footer"style="position:absolute;bottom:0px;height:200px;left:0px;right:0px;overflow:hidden;"></div></body></html>
Aber nichts ist leider fixiert.
lg :)
Gepostet am
Schau mal hier
https://helpcenter.websitex5.com/de/post/205573
Autor
Danke sehr gute Erklärung -
-------------------------
Für die 16er Version brauchst Du diesen Code:
<style> #imHeader {position: fixed; z-index: 1000;} </style>
Den Code unter "Sitemap" -> "Eigenschaften" -> "Erweitert" -> "Vor dem </Head> Tag" eingeben.
Den Header auf die Breite des Browserfenster erweitern anklicken (unter Vorlage - > Struktur der Vorlage -> Header)
Gepostet am 05.01.2019 11:53:58 von Martin H
-------------------------
ich habe aber leider die Version Evo 13 - welchen html code soll ich für die Fixierung von Kopf und Fußzeile da einsetezn :)
danke lg
Versuche mal den von Dir dargestellten Code.
Autor
Meinst du :
Vor dem Head Tag:
das ist für mein menue
---------
<style>#imPageRow_9 div { padding: 0; width: 100% !important;}/* spazio laterale sotto i 480px */@media (max-width: 480px){ #imPageRow_9 { width: 92% !important; }}</style>
<script src="files/jquery.singlePageNav.ws.js"></script><script>$(document).ready(function () { $('#imMnMn li').removeClass('imMnMnCurrent');
//singlePagNav - options $("#imMnMn").singlePageNav({ offset: $('#imMnMn').outerHeight(), threshold: 140 });});</script>
---------
<style> #imHeader {position: fixed; z-index: 1000;} </style>
habe ich so eingefügt - ohne den strichen ....
und dann in Struktur der Vorlage -> Header) weiß ich nicht wass ich tun soll - siehe screen
lg
Habe hier die 16er Version, wie es bei der 13er aussieht weiß ich nicht:
@Martin H.
Kann es sein, dass der Code
<style> #imHeader {position: fixed; z-index: 1000; width: 100%}</style>
in der aktuellen Version 2019.1.6 nicht funktioniert?
Dieser Code funktioniert, habe es gerade probiert
Autor
Hi danke ja das sieht bei Evolution 13 etwas anders aus - aber stimmt habe ich gefunden und auch eingefügt .. aber noch kein Effekt .... lg
Good day everyone
Since this topic is mostly about the implementation of a particular custom code, the Staff cannot, unfortunately, provide any type of support for this, I'm sorry.
That being said, I will still leave this topic open so that other users might eventually stop by on the topic to try and help you out with this matter
Thank you for your understanding
Stefano
GOOGLE TRANSLATE ---
Guten Tag allerseits
Da es sich bei diesem Thema hauptsächlich um die Implementierung eines bestimmten benutzerdefinierten Codes handelt, kann der Staff leider keine Unterstützung dafür anbieten. Es tut mir leid.
Davon abgesehen, werde ich dieses Thema weiterhin offen lassen, so dass andere Benutzer eventuell bei dem Thema vorbeischauen, um zu versuchen, Ihnen in dieser Angelegenheit zu helfen
Danke für Ihr Verständnis
Stefano
Mit der Version 2019.1.6 Pro sieht es wie hier aus.
@Karl B.
Du hast den falschen Code verwendet. Dieser hier ist der richtige:
<style> #imHeader {position: fixed; z-index: 1000; width: 100%}</style>
Dann solltest Du auch unter Struktur der Vorlage im Header auf "Browserfenster erweitern" und eine Hintergrundfarbe einfügen und die Stickybar ausschalten.
@ Martin H.
Auch mit diesem Code funktioniert es leider nicht. Link!
Wo im Header und warum muss man eine Hintergrundfarbe einfügen?
Der Code funktioniert - jedenfalls bei mir unter Windows10 mit Firefox und Edge. Auch unter Android mit Firfox.
Hier kannst Du die Hintergrundfarbe oder eine Hintergrundfarbe einfügen:
Schade, dass es nur mit der Hintergrundfarbe funktionert, da ich gerne eine Grafik einfügen möchte.
Gibt es auch einen Code für die Fußzeile?
Du kannst doch eine Hintergrundgrafik einfügen, schau mein Bildschirmfoto nochmals an.
Es funktioniert ja. Jedenfalls der gesamte Header! Allerdings die Auswirkung wenn du es fixierst sind, dass der Content ganz nach oben rutscht und dies muss man eben mit anderen Code verhindern.
Da braucht man keinen extra Code. Einfach ein leeres Objekt in der Höhe wie der Header hat oben einfügen und schon passt es.
@ Martin H.
Vielen Dank, es funktioniert einwandfrei, sogar mit aktivierter StickyBar, was aber keinen Sinn macht.
Interessieren würde ich mich aber noch, ob es auch für die Fußzeile einen solchen Code gibt.
Auch wenn es einen solchen Code geben würde und du den Header und Footer fixiert hättest, was würde dir das bringen? Dass nur der Content scrollen kann? Wie würde das dann mobil ausschauen? Der Header würde das komplette Handy abdecken und du könntest nicht scrollen.
Wie Andreas schon schrieb, hat ein fixierter Footer keine Nenneswerte Vorteile - eher Nachteile.
Aber auf die schnelle hätte ich diesen Code:
<style> #imFooter {position: fixed; top: 70%; z-index: 1000; width: 100%}</style>
Mit dem Wert top: 70% müsstest Du etwas Anpassen, da sich dieser anhand des Browserfensterhöhe ändert.
Der Code funktioniert, aber Sinn macht das nur, wenn der Footer nicht höher als 200px ist. Na ja, ich wollte ja nur wissen, ob man auch den Footer fixieren kann.
Nochmals vielen Dank für euere Antworten!
(It > De) ... dein LINK, gleich 30 weniger Beiträge und Annahmen ...
ciao
.