WebSite X5Help Center

 
Kai-Uwe B.
Kai-Uwe B.
User

Fussleiste fixieren  de

Autor: Kai-Uwe B.
Visitado 1109, Followers 2, Compartido 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?

Publicado en
26 RESPUESTAS
Andreas S.
Andreas S.
Moderator

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.

Leer más
Publicado en de Andreas S.
Kai-Uwe B.
Kai-Uwe B.
User
Autor

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?

Leer más
Publicado en de Kai-Uwe B.
Andreas S.
Andreas S.
Moderator

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?

Leer más
Publicado en de Andreas S.
Kai-Uwe B.
Kai-Uwe B.
User
Autor

Ich habe dort nur das FB und IG Logo. Kannst ja mal schauen wenn du möchtest. www.nordischbypicture.de ;)

Leer más
Publicado en de Kai-Uwe B.
Rainer M.
Rainer M.
User
Kai-Uwe B.
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?

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

Leer más
Publicado en de Rainer M.
Karl B.
Karl B.
User

Wo muss dieser Code eingetragen werden, unter SEO & Code funktioniert es jedenfalls nicht.

Leer más
Publicado en de Karl B.
André G.
André G.
User
Rainer M.
Kai-Uwe B. 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? 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

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.

Leer más
Publicado en de André G.
André G.
André G.
User

Ach, auf den mobilen Geräten funktioniert das auch nur bedingt!

Leer más
Publicado en de André G.
André G.
André G.
User

@Kai Uwe,

deine Seite weist auch noch Fehler bzgl. deiner Seitenüberschrift.

Leer más
Publicado en de André G.
Andreas S.
Andreas S.
Moderator
Kai-Uwe B.
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?

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.

Leer más
Publicado en de Andreas S.
Karl B.
Karl B.
User
André G.
Das funktioniert gut!

Leider nicht! Link

Leer más
Publicado en de Karl B.
Karl B.
Karl B.
User

In der Zeile 390 der x5engine.php steht " foreach ($imSettings['blog']['posts'] as $id => $post) {"

Leer más
Publicado en de Karl B.
Karl B.
Karl B.
User

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?

Leer más
Publicado en de Karl B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Kai-Uwe B.
... ...  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?

(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...

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User

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?

Leer más
Publicado en de Karl B.
Andreas S.
Andreas S.
Moderator

Was soll der Code bewirken?  Jedenfalls nicht die Fixierung des Footers !  Das ist nicht mehr so einfach möglich.

Leer más
Publicado en de Andreas S.
Karl B.
Karl B.
User

Wie ist es denn möglich?

Leer más
Publicado en de Karl B.
Kai-Uwe B.
Kai-Uwe B.
User
Autor
 ‪ KolAsim ‪ ‪
Kai-Uwe B. ... ...  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? (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...

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?

Leer más
Publicado en de Kai-Uwe B.
Kai-Uwe B.
Kai-Uwe B.
User
Autor
André G.
@Kai Uwe, deine Seite weist auch noch Fehler bzgl. deiner Seitenüberschrift.

Moin Andre, kannst du mir sagen bei welcher Auflösung der Fehler ist?

Danke und Gruß

Kai-Uwe

Leer más
Publicado en de Kai-Uwe B.
Andreas S.
Andreas S.
Moderator

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.

Leer más
Publicado en de Andreas S.
Kai-Uwe B.
Kai-Uwe B.
User
Autor

Hallo Andreas. Wäre es denn möglich, das die Fusszeile bei jeder Auflösung fest am unterem Bildrand ist?

Gruß Kai

Leer más
Publicado en de Kai-Uwe B.
Andreas S.
Andreas S.
Moderator

Ja, wäre möglich! Kommt aber auf den Inhalt an was du im Footer hast.

Leer más
Publicado en de Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Kai-Uwe B.
 ‪ KolAsim ‪ ... ... [...]... In welcher Bildschirmauflösung ist dieser Fehler aufgetreten? I... ... ...  Ich habe es jetzt nochmal geändert. Ist der Fehler behoben?

... PC - Firefox ... << -720 pixel ... ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Kai-Uwe B.
Kai-Uwe B.
User
Autor
Andreas S.
Ja, wäre möglich! Kommt aber auf den Inhalt an was du im Footer hast.

Nur das Facebook und Instagram-Logo inkl. Verlinkung. ;)

Leer más
Publicado en de Kai-Uwe B.
Andreas S.
Andreas S.
Moderator

Wann du Zeit hast....

Leer más
Publicado en de Andreas S.
André G.
André G.
User
Kai-Uwe B.
André G. @Kai Uwe, deine Seite weist auch noch Fehler bzgl. deiner Seitenüberschrift. Moin Andre, kannst du mir sagen bei welcher Auflösung der Fehler ist? Danke und Gruß Kai-Uwe

Bei größer 1024px.

Leer más
Publicado en de André G.