WebSite X5Help Center

 
Kay-U. Blietz
Kay-U. Blietz
User

Header fixieren, zentrieren und über ganze Bildschirmseite  de

Автор: Kay-U. Blietz
Просмотрено 844, Подписчики 2, Размещенный 0  

Ich habe schon den Code

N<style>#imHeader{position: fixed;z-index: 1000;left: 50%;transform: translate(-50%);}</style>

aus einem Chat in 2021 übertragen und header damit mittig fixiert. Nur leider wird durch diesen Code der header links wie rechts nicht mehr über die gesamte Seite angezeigt. Wie kann man die erreichen, dass sich der header genau wie der Seitenbereich und Footer über den gesamten Bildschirm ausbreiten?

Размещено
6 Ответы - 2 Полезно
Franz-Josef H.
Franz-Josef H.
Moderator

Wahrscheinlich musst Du nur  den Hintergrund des Headers in den einzelnen Auflösungen in Schritt 2 Auswahl: 'Struktur des Templates' entsprechend anpassen. 

Читать больше
Размещено От Franz-Josef H.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца PL

Hallo an alle, ... poste den LINK, um dies überprüfen zu können ...

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Kay-U. Blietz
Kay-U. Blietz
User
Автор

Hallo Moderator FJH,

wir haben den Hintergrund des headers in den einzelnen Auflösungen angepasst. An diesem liegt es auch nicht. Denn dass Bild unter header, auf welchem das Menü liegt, wächst nicht mit. Der header hintergrund verschiebt sich nach oben weg. Der Header selbst bleibt fixiert, aber nur in gekürzter Version. Was gerade lästig auffällt bei allen größeren Bildschirmen. Doch sehen Sie selbst unter unserer Arbeitswebseite:

http://www.gesundes-schulessen.de/

mfg Blietz

Читать больше
Размещено От Kay-U. Blietz
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Ware es nicht einfacher die Stickybar unter "2" zu nehmen?  Hier wird dann auch das Menü oben angeheftet!

Hast du in der Strukur des Templates beim Header das Häkchen gesetzt bei "Auf die Breite des Browsers erweitern" ? Das Häkchen musst du natürlich bei allen Breakpoints setzen.

Читать больше
Размещено От Andreas S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца PL

<style>
#imHeader{position: fixed;width:100% !important;z-index:1000 !important}
</style>

................................................................................

(It > De) ... müssen Sie die Inhalte von Header und Footer in den Zwischenhaltepunkten (breakpoint)  innerhalb des Layouts anordnen...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Franz-Josef H.
Franz-Josef H.
Moderator

Der Vorschlag von KolAsim löst das Problem.

Allerdings solltest Du zusätzlich in Schritt 2 "Vorlage" Auswahl "Inhalt des Templates" bei der Kopfzeile und der Fußzeile die Größe der eingefügten Objekte in allen Auflösungen überprüfen, ob diese über den Rand hinaus ragen. Alle zu großen Objekte solltest Du auf die Größe des Arbeitsbereichs der jeweiligen Auflösung verändern.

Читать больше
Размещено От Franz-Josef H.