HiHo Folx!
Die nervenaufreibende Suche geht weiter
-----
Install -> myBB 1.8.29 -> KEINE Probleme <- läuft 1A
-----
Frage: Im oberen Bereich, wo auch das Logo angesiedelt ist, befindet sich afaik der "Header". Lässt sich der obere Bereich "fixieren", sodass selbiger erhalten bleibt, und beim Scrollen der Seiten nicht verschoben wird?
Ich habe zwar einiges an Info's in Bezug auf den "header" gefunden, jedoch waren die Antworten für mich nicht schlüssig; i.e. -> nur der Inhalt, nur das Logo, nicht aber der ganze obere Bereich.
Sollte das über die "css" gehen -> kurze Info - wo sich der Eintrag befindet
Vielen Dank schon mal für Eure Antworten!
Füge folgendes mal bitte zur global.css des default Themes hinzu:
Code:
#header {
position: sticky;
top: 0;
}
Danke für die Hilfe....
Das setzen des Sticky Bit's hat nicht funktioniert; verständlicherweise ist die "Vererbung" jetzt nicht mehr vorhanden, und die Formatierung ist weg.
Heisst - die Seite wird auf volle Breite angezeigt, und nicht mehr in der Mitte, mit Rand links und Rechts.
Beides ist kein Problem - wird je eh angepasst......
Ist die Position des von Dir genannten Eintrages in der "global.css" wichtig?
(31.01.2022, 10:40)Digitalkeeper schrieb: [ -> ]Danke für die Hilfe....
Das setzen des Sticky Bit's hat nicht funktioniert; verständlicherweise ist die "Vererbung" jetzt nicht mehr vorhanden, und die Formatierung ist weg.
Heisst - die Seite wird auf volle Breite angezeigt, und nicht mehr in der Mitte, mit Rand links und Rechts.
Beides ist kein Problem - wird je eh angepasst......
Ist die Position des von Dir genannten Eintrages in der "global.css" wichtig?
Ansich ändert sich durch diese Zusatzregel nichts an der generellen Ansicht des Forums, nur der Seitenkopf wir oben fixiert.
Auch die Position in der global.css ist eher zweitrangig, wichtig ist nur, dass alle geschweiften Klammern der CSS Regeln immer geschlossen werden.
Im Browser klappt die Funktion durch temporäre Einbettung der neuen Regel ohne Probleme.
[
attachment=13261]
Hmmm, ich schätze - ich hatte das an falscher Stelle eingetragen!
Ich hatte das per Editor auf meinem Rechner gemacht, dann per FTP die Datei hochgeladen - das brachte nix! Entweder hat er die Einträge nicht übernommen, und/oder es war an falscher Stelle.
Über das ACP und den Einstellungen -> eingetragen -> erledigt!
Und siehe da - passt!
-----
Vielen Dank! Das hat mich wieder ein Stück weiter gebracht!
-----
btw - das mit dem Editieren im und mittels ACP ist Super! Tolle Sache!
*case closed*
Nachtrag - ich hatte das beim "ersten Versuch" im falschen "Theme" eingetragen, weshalb es nicht funktionierte; im KORREKTEN Theme funktioniert es einwandfrei!
Die CSS-Eigenschaft "position: sticky" wird nicht ausnahmslos von allen Browsern unterstützt.
Der alte Internet Explorer kennt es überhaupt nicht und der Edge nur ab einer bestimmten Version.
Für einige Webkit-basierte Browser, solltest du vorsichthalber auch diese Alternative zusätzlich einbauen:
Code:
position: -webkit-sticky;
Bedenke auch, dass ein Sticky-Header einen Teil der tatsächlichen Anzeigefläche auf dem Display blockiert.
Vor allem auf dem Display eines Mobiltelefons kann sich das auch negativ auswirken.
Als kleinen Bonus kannst du den Sticky-Header auch nur bei bestimmten Display-Auflösungen anpinnen. Zum Beispiel mit sog. CSS Media Queries. Hiermit würde der Sticky-Header nur aufwärts einer Display-Auflösung von 720 Pixeln greifen:
Code:
@media screen and (min-width: 721px) {
#header {
position: sticky;
top: 0;
}
}
[ETS]
Danke für die Info's!
Werde ich berücksichtigen, und entsprechend "einbauen"