Hintergrundbild fixieren

#1
Avatar

mastermarcus

Forum-Sponsor  (90 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.in-novation.de

Hallo,

in Pro Web 5, Design Leeres Flex-Layout (responsiv) habe ich ein Hindergrundbild gesetzt. Wenn ich scrolle wandert es mit und lässt sich auch nicht fest positionieren/fixieren - oder doch? Bin ich zu müde? 😉 Weil das sieht ja dann unten (in der Desktop Variante) schlecht aus am ende des Hintergrundbildes, da drunter wieder alles weiss....

Oder müsste ich selbst mit HTML/CSS nachhelfen, aber wie?

Freue mich über Vorschläge - bin mal wieder ratlos!

Link: http://test.in-novation.de/

Gruß

Marcus

 

Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »mastermarcus« (25.04.2020, 11:29)
25.04.2020, 01:34
#2
Avatar

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Da der im folgenden Screenshot rot markierte Punkt (aus dem "normalen" Flex-Editor) im Editor für die responsiven Flex-Designs fehlt, gilt es diesbezüglich Siquando zu fragen oder eigene entsprechende CSS-Befehle zu verwenden.

Flex-Design Hintergrundbild fixieren

Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

25.04.2020, 22:47
#3
Avatar

mastermarcus

Forum-Sponsor  (90 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.in-novation.de

Danke Volker,

also Siquando zu kontaktieren habe ich bei solchen Dingen leider aufgegeben, die Antworten dort liefen bei solchen Dingen bisher immer ins leere oder waren nicht zielführend.

Einen entsprechenden CSS-Befehl beherrsche ich in diesem Level leider nicht, da bin ich auf Hilfe angewiesen. Würde mich freuen, wenn mir jemand helfen könnte.

Gruß

Marcus

26.04.2020, 14:57
#4
Avatar

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

26.04.2020, 15:01
#5
Avatar

IE Graphix

Neuling  (1 Punkt)  ·   weiblich  ·   Deutschland  ·   Nachricht senden
 http://design-graphix.de   ·   Frau

Hallo liebes Forum,


leider habe ich hier noch nichts hilfreiches zu diesem Thema gefunden. Oben im Bild ist zwar ein Haken beim Punkt Allgemein und den Hintergrund zu fixieren. Diese Auswahlmöglichkeit habe ich nicht.

Meine Cookiefenster plopt auch nicht auf. ( Sorry, falls es nicht hierher gehört.)


Kann mir bitte jemand weiterhelfen?

Ich nutze Siquando web pro 5 / Flex Layout (responsiv)

https://www.bayerisches-hammerwerk.de

 

Liebe Grüße

Irina

mceclip0.png

 

28.04.2020, 14:45
#6
Avatar

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Ich habe mal wieder für Euch "Element untersuchen" getätigt und CSS gecoded.

Datei -> Website-Eigenschaften -> HTML -> Im <head>-Bereich:

<style>
  #fillbottom {
    background-attachment: fixed;
  }
</style>


Für Anfragen bzgl. Umsetzung von persönlichen / individuellen CSS-Anpassungen ist dieses Forum eigentlich nicht da. Das kann man ziemlich leicht selbst recherchieren, die dazu notwendigen Werkzeuge ("Element untersuchen") bringt jeder moderne Browser mit.

Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

28.04.2020, 16:06
#7
Avatar

W2D Fan

Co-Administratorin  (4945 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Willkommen im Forum 🙂

Wie Volker bereits in Beitrag #2 schreibt und zeigt gibt's den Knopf um den Hintergrund zu fixieren NUR in den normalen Flex-Editor. D.h. Den Editor für nicht-responsive Flex-Designs.Warum das so ist kann dir nur Siquando beantworten.

Du kannst auch wie Volker auch schreibt dazu eigene CSS-Befehle unter Datei - Website-Eigenschaften auf den Reiter HTML im <head>-Bereich eingeben.

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

28.04.2020, 16:19
#8
Avatar

Merlin2504

Vielfrager  (1607 Punkte)  ·   männlich  ·   Deutschland

Datei -> Website-Eigenschaften -> HTML -> Im <head>-Bereich:

<style>
 #fillbottom {
  background-attachment: fixed;
 }
</style>

 Habe den Code, so wie er hier steht, in das Flexdesign eingesetzt. Aber das Hintergrundbild wird nicht fixiert.

 Muss ich den Code noch irgendwie ergänzen?

(Andere HTML Codes habe ich in allen Bereichen probiert und werden auch sofort angezeigt. 😕 )

Ihr könnt mich jederzeit über Facebook kontaktieren.

14.07.2020, 17:32
#9
Avatar

Merlin2504

Vielfrager  (1607 Punkte)  ·   männlich  ·   Deutschland

Kurze Rückmeldung.

Der Code muss nicht geändert werden. Hatte aus meiner alten Seite paar falsche Codes integriert, die sich beharkt haben.

Ihr könnt mich jederzeit über Facebook kontaktieren.

15.07.2020, 13:00
#10
Avatar

remusxiii

Neuling  (4 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.physio-weidmann.de

Wie mache ich das wenn ich das Backgroundbild fixen will? Im Befehl oben geht es ja um den fillbottom.

mit dem Befehl background geht es bei mir nicht 😞

13.05.2021, 19:38
#11
Avatar

Tom

As  (122 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.tomadesign.ch

Hallo Forum, wie sieht da nun die Lösung aus? ich habe Proshop9 und es klappt dort ebenfalls nicht.
Beste Grüsse
Tom

Heute, 10:36
#12
Avatar

MuggelClan

Forum-Sponsor  (1389 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Hallo Tom,

die Lösung steht im Beitrag #4 und im Beitrag #6 vom Volker.
Wobei mir die Lösung im Beitrag #4 besser gefällt, denn hier bekommst du sogar vom google KI ein fertigen Beispielcode angeboten.


Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 9, Web Client 

Heute, 13:16
#13
Avatar

Tom

As  (122 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.tomadesign.ch

Danke Thomas, bin mir aber nicht sicher, ob wir dasselbe meinen. ich habe den html-code im header geschrieben, doch das hat nicht funktioniert.
Ich will den jetzt grauen Hiintergrund unter "Allgemein" fixieren. Und das klappt nicht mit dem Code.

mceclip0.png

Heute, 13:25
#14
Avatar

MuggelClan

Forum-Sponsor  (1389 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Schau dir mal das Bild im Beitrag #5 an und dann weißt du wo dein Bild zum Fixieren ausgewählt werden muss.
fillbottom = füllenunten

Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 9, Web Client 

Heute, 13:34
#15
Avatar

Tom

As  (122 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://www.tomadesign.ch

danke, die Funktion "Dehnen" kenne ich schon, doch das verändert leider nichts, nur die Darstellung des Bildes, ABER es bleibt nach wie vor nicht gefixt.
...oder ich kann dir nicht folgen. Am einfachsten wäre es du könntest auf meinen Bildschirm sehen, dann siehst du was passiert, oder eben nicht;-)
Ich baue meine Website weiter, vielleicht wird das ja kein Thema mehr...

..danke für deine Unterstützung
Tom

 

Heute, 13:46
#16
Avatar

MuggelClan

Forum-Sponsor  (1389 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden

Beispiel:
- füge bei "Inhalt" als Hintergrund bei Erscheinungsbild das Bild hinzu
- Dehnen weißt du schon
- verwende den folgenden Code wie im Beitrag #6 beschrieben:

<style>
#contentcontainer {
background-attachment: fixed;
}
</style>

Wie komme ich auf "#contentcontainer" ?
Ganz einfach im Browser (z.B. Edge) auf "weitere Tools" -> "Entwicklungstools" bei "<> Elements" nachsehen unter welchen Tag die URL des Bildes ist. ist diesem Fall bei Styles rechts, wenn man auf <div id="contentcontainer"> klickt.
Oder mit "Select an element..." Symbol links oben verwendet und auf das Bild im Browser klickt.
Und schon weißt du was für ein Bild mit diesem Code fixiert werden soll.

Mit freundlichen Grüßen

Thomas

Web To Date seit 2004, Siquando Web 12, Pro Web 9, Web Client 

Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »MuggelClan« (Heute, 14:29)
Heute, 14:24
1221 Aufrufe | 16 Beiträge