Seite 1 von 1

[3.2] Problem mit meinem sticky Header

Verfasst: 01.08.2018 17:53
von PIC-Nico
Hallo zusammen,

ich arbeite gerade an einem eigenen Child-Style mit Prosilver als Basis.
Ich habe ziemlich wenig Änderungen und im Grunde auch schon recht zufrieden.

Aktuell habe ich jedoch ein Problem mit meinem Header.

Ich habe den Header aus dem wrap entfernt und davor platziert.
Zusätzlich habe ich ihn (class headerbar) in ein zusätzliches div verpackt,
damit ich den eigentlichen Header zentrieren konnte, während der übergeordnete den
Header optisch über die ganze Breite zieht.

Mein Problem ist nun, dass sich mein Content (class wrap) beim Scrollen
über den Header schiebt, was er genau nicht soll.

Könnt Ihr mir helfen?

Hier ist noch der Link zum Forum: https://pic-projekte.de/forum/viewtopic.php?f=3&t=3

Re: [3.2] Problem mit meinem sticky Header

Verfasst: 01.08.2018 18:09
von Melmac
Hi,

Du hast für den Headerbar Container die folgende Formatierung in der common.css:

Code: Alles auswählen

.headerbar_container {
	position: fixed;
	top: 0;
	width: 100%;
	height: 85px;
}
Du könntest mal probieren, hier noch einen z-Index hinzuzufügen:

Code: Alles auswählen

.headerbar_container {
	position: fixed;
	top: 0;
	width: 100%;
	height: 85px;
	z-index: 100;
}

[3.2] Problem mit meinem sticky Header

Verfasst: 01.08.2018 18:19
von Kirk
@PIC-Nico
  • Weist ein von dir im Beitrag, im Weblink oder in der Signatur verlinktes Forum kein phpBB Copyright auf, erhältst du auf phpBB.de keinerlei Support.
    Bitte ändere dies entsprechend ab, lies die Knigge und beachte sie in Zukunft.
Mit freundlichen Grüßen,
dein phpBB.de-Team

Re: [3.2] Problem mit meinem sticky Header

Verfasst: 01.08.2018 18:36
von PIC-Nico
Kirk hat geschrieben:Weist ein von dir im Beitrag, im Weblink oder in der Signatur verlinktes Forum kein phpBB Copyright auf, erhältst du auf phpBB.de keinerlei Support
Klingt fair, habe ich wieder zurück genommen.

@Melmac: Danke, der Tipp scheint es schon gewesen zu sein :) vielen Dank!