Fussleiste fixieren
Author: Kai-Uwe B.
Visited 1254,
Followers 2,
Shared 0
Hallo zusammen. Ich möchte gerne, das die Fusszeile wie die Kopfzeile fixiert am unterem Bildschirmrand steht. Habe zwar schon ein paar Einträge gelesen, aber noch keine Lösung gefunden. Ich habe meinen Header mit einem Code oben fixieren können. Das sollte doch auch mit der Fusszeile möglich sein, oder?
Hat da jemand von Euch eine Idee?
Posted on the
Die Fußzeile ist nicht gleich Fußzeile! Jedenfalls nicht so wie in früheren Versionen, deshalb kann man ihn nicht wie überlich mit #imFooter {position: fixed;} fixieren. Du wirst sicherlich Objekte im Footer haben oder? Diese werden hier nicht fixiert und müssten extra behandelt werden. Außerdem mit der position: fixed werden spezielle andere Werte ausgehebelt die wichtig sind und man müsste tricksen.
Author
Hallo Andreas,
also ist das so nicht ohne weiteres möglich. Okay. Gibt es denn eine Möglichkeit das die Fussleiste, wenn der entsprechende Inhalt der Seite nicht über die Fussleiste geht, automatisch bei jeder Auflösung am unteren Rand positioniert wird?
MAn kann Objekte am unteren Rand fixieren wenn man will. Dazu muss man eben speziellen Code eingeben und den Selektor rausfinden um welches Objekt es geht. Zusätzlichen Code dann um es responsive auch richtig zu platzieren.
Ich nehme an ein Streifen Farbe alleine willst du nicht am unteren RAnd fixieren oder?
Author
Ich habe dort nur das FB und IG Logo. Kannst ja mal schauen wenn du möchtest. www.nordischbypicture.de ;)
Ich bin zwar nicht Andreas, aber probiere mal folgendes:
#imContentGraphics {
min-height: calc(100vh - ??px); }
?? ist die Höhe der Kopzeile in px + der Höhe der Fußzeile in px + 10px zur Sicherheit.
Die Pixelwerte kannst Du ja bei der Struktur des Templates auslesen.
Ich denke das musst Du dann entsprechend der Mediaqueries anpassen.
Gruß Rainer
Wo muss dieser Code eingetragen werden, unter SEO & Code funktioniert es jedenfalls nicht.
Das funktioniert gut!
Die 10px "Sicherheit" kannst du getrost weglassen, entweder der Browser rechnet richtig oder gar nicht!
Der IE setzt diese Option z.B. nicht um!
Wie Safari und co damit umgehen kann ich nicht bestätigen.
Das ganze packst du via
<style> </style> vor dem Head Tag.
Ach, auf den mobilen Geräten funktioniert das auch nur bedingt!
@Kai Uwe,
deine Seite weist auch noch Fehler bzgl. deiner Seitenüberschrift.
Ich hatte das nicht ganz durchgelesen, aber da gibt es eine einfache Lösung! Man erhöht in der Struktur des Templates die Höhe des "Seiteninhalts"! Dadurch wird der Footer nicht in der Mitte des Bildschirms angezeigt.
Das mit dem fixieren habe ich mir noch nicht näher angesehen. In in der neuen Version sehr kompliziert weil WSX5 gegensteuert.
Leider nicht! Link
In der Zeile 390 der x5engine.php steht " foreach ($imSettings['blog']['posts'] as $id => $post) {"
Wieso steht in der Zeile 10 der x5engine.php "@version WebSite X5 Professional 13.0.0", obwohl ich die V 2019.2.7 installiert habe?
(It > De) ... zuerst müssen Sie auf der HOME-Seite die Objekte innerhalb des Layouts anordnen,
und dann kann ich sehen, wie man mit einem zusätzlichen Code eingreift ... hallo, ciao...
Hat hier wirklich keine Idee, warum der Code nicht funktioniert (Link) und was die Einträge in der x5engine.php (Zeile 390 und Zeile 10) bedeuten?
Was soll der Code bewirken? Jedenfalls nicht die Fixierung des Footers ! Das ist nicht mehr so einfach möglich.
Wie ist es denn möglich?
Author
In welcher Bildschirmauflösung ist dieser Fehler aufgetreten? Ich habe in WSX5 alle Auflösungen im Vorschaufenster geprüft. Was mir nur aufgefallen ist, das sich der Schriftzug "nordischbypicture" in der Mobilen Auflösung manchmal verändert. Ich habe es jetzt nochmal geändert. Ist der Fehler behoben?
Author
Moin Andre, kannst du mir sagen bei welcher Auflösung der Fehler ist?
Danke und Gruß
Kai-Uwe
Der Fehler müsste jetzt behoben sein! Jedenfalls das Logo ist jetzt nicht mehr übergroß und überlappt.
Wegen dem fixen Footer können wir das wieder über Team Viewer machen wenn du willst.
Author
Hallo Andreas. Wäre es denn möglich, das die Fusszeile bei jeder Auflösung fest am unterem Bildrand ist?
Gruß Kai
Ja, wäre möglich! Kommt aber auf den Inhalt an was du im Footer hast.
... PC - Firefox ... << -720 pixel ... ciao
.
Author
Nur das Facebook und Instagram-Logo inkl. Verlinkung. ;)
Wann du Zeit hast....
Bei größer 1024px.