Breite des Hintergrundbild verändern

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
Hallo,
ich habe ein Hintergrundbild in 1280x1024 Px erstellt.
Leider füllt es nicht die gesamte Seitenbreite aus.
Das Bild soll sich nicht wiederholen, sondern immer der Fensterbreite automatisch anpassen.

Wie bekomme ich das mit css hin?

Viele Grüße!
 

MichaelH

Sehr aktives Mitglied
17. November 2008
14.147
1.766
AW: Breite des Hintergrundbild verändern

So ein Zufall, ich wollte gerade fragen wo man das Hintergrundbild angibt: Template Tiny/Lucid
Welche Datei ?
Wo genau ?

In HTML ist es recht einfach:
<body background="hintergrund.jpg" bgproperties="fixed">
 

MichaelH

Sehr aktives Mitglied
17. November 2008
14.147
1.766
AW: Breite des Hintergrundbild verändern

habe was gefunden zum testen:



Im Theme.css


Srollend:
body { background: url(images/movie_bg.jpg) repeat top center; }


Fixiert:
body { background: url(images/movie_bg.jpg) repeat fixed top center; }
 

MichaelH

Sehr aktives Mitglied
17. November 2008
14.147
1.766
AW: Breite des Hintergrundbild verändern

Und dieses:

#page {background-image: url(/images/LINKZUMBILD);background-repeat:no-repeat;background-position:SOUNDSOVIELPIXEL SOUNDSOVIELPIXEL;}
 

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
AW: Breite des Hintergrundbild verändern

Die Pixelbreite ist doch je nach Bildschirmbreite verschieden oder steh ich da grad aufm Schlauch?

Kann man nicht irgendwie 100% Breite angeben?

Mit width: 100% dahinter klappts nicht.


Was ist eigentlich der Unterschied zwischen body und #page?
Entschuldigt, ich bin Anfänger ;)!
 

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
AW: Breite des Hintergrundbild verändern

Ich bekomme es nicht hin. Mit background-position verändere ich nur die Position, nicht die Breite.
Hat jemand eine Lösung für mich?
 

MichaelH

Sehr aktives Mitglied
17. November 2008
14.147
1.766
AW: Breite des Hintergrundbild verändern

Wenn sich sonst keiner meldet, bin nicht der Fachmann, aber ... was erwartest du dir von 100 % bei 1280 x 1024 wenn dein Hintergrundbild nur 1024 x 768 groß ist (Maße sind nur angenommen). Soll heißen, dass du das Bild eben selbst größer machen musst, bei einem kleineren Bildschirm wird es automatisch abgeschnitten.
Ein automatischer Zoom auf die Größe lt. Einstellungen des Besuchers ist bei Bildern sicherlich nicht sinnvoll -> Verzerrung.

Bin mal gespannt auf die Lösung von einem Profi ...
 

MichaelH

Sehr aktives Mitglied
17. November 2008
14.147
1.766
AW: Breite des Hintergrundbild verändern

Habe eine einfache Möglichkeit gefunden:
/ shop/templates/JTL-Shop3-Tiny/themes/lucid/theme.css

left auf center ändern, ansonsten kann es bleiben wie es ist:
body { color: #444; background: #F4F4F4 url('images/page_bg.jpg') repeat-x top center; }

Das Bild muss einfach page_bg.jpg heißen und liegt im:
/shop/templates/JTL-Shop3-Tiny/themes/lucid/images


Ich hätte gerne einen Hintergrund der scrollt, also nicht fixiert ist, aber das CSS funktioniert nicht:
body { color: #444; background: #F4F4F4 url('images/page_bg.jpg'); background-position:center top; background-attachment:scroll; }

Wird scroll nicht unterstützt ? Oder was ist falsch ?
 

sasch1980

Gut bekanntes Mitglied
27. März 2012
385
7
AW: Breite des Hintergrundbild verändern

Ich habe es auch durch Zentrieren gelöst.

Leider geht es nur so, dass der Rand bei kleinerem Bildschirm abgeschnitten (statt verkleinert) wird. Meinte ein Bekannter, der sich mit css gut auskennt, leider auch.

Danke für die vielen Antworten.
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu List&Label Bei Bedingung "FALSE" Breite der Spalte beibehalten User helfen Usern - Fragen zu JTL-Wawi 6
Neu SQL Code zur Ausgabe des Verkaufspreis je Kundengruppe User helfen Usern 1
Erzeugung des Barcodes für die Gebinde EAN JTL-Wawi 1.9 3
Gelöst iMin Swan 1 Pro Kundendisplay zeigt nur verkleinerte 1:1 Kopie des kompletten Hauptbildschirmes JTL-POS - Fragen zu Hardware 3
Teile des Artikelnamens Farblich hervorheben JTL-Wawi 1.9 2
Neu Update auf 1.9 - wo sind die Kommentarfelder des Artikels geblieben? Eigene Übersichten in der JTL-Wawi 1
Neu Nach dem entfernen des PayPal Checkout werden keine Zahlungsarten anderer Anbieter angezeigt. JTL-Shop - Fehler und Bugs 4
Fehler beim Update des Mandaten easybusiness JTL-Wawi 1.9 2
Neu Auflösung & Skalierung des Userinterfaces User helfen Usern - Fragen zu JTL-Wawi 1
Retoure - Buchen des Artikels JTL-Wawi 1.7 7
Auswahlmöglichkeiten des Feldes "Anrede" in Shop und WaWi erweitern JTL-Wawi 1.8 0
Neu Farben des Coockie Banners anpassen Allgemeine Fragen zu JTL-Shop 1
Neu Bei Verkaufskanaldeaktivierung eines Child-Artikels löscht Prestashop Connector 2.0.0 den Parent-Artikel samt aller Child-Artikel des Parents PrestaShop-Connector 0
Neu GPSR: Kontaktdaten des Herstellers/Importeurs hinterlegen Amazon-Lister - Ideen, Lob und Kritik 6
Neu Fehler "Die eingegebenen Variantenmerkmale stimmen nicht mit den Variantenmerkmalen der Varianten des Artikels überein." eBay-Anbindung - Fehler und Bugs 0
Neu Fehler beim Update des Shops - DB Migration Installation / Updates von JTL-Shop 1
Neu Inhalt des DHL-Fehleretiketts bearbeiten User helfen Usern - Fragen zu JTL-Wawi 2
Neu Berechnung des durchschnittlichen EK Preises User helfen Usern - Fragen zu JTL-Wawi 1
Wichtig 👉 Sicherheitslücke in JTL-Shop 5 bis 5.3.2 (betr. alle Versionen des Shopsystems) News, Events und Umfragen 17
Beantwortet Versandbestätigung mit Tracking für einzelnen Kunden (bei Nutzung des JTL-FFN) JTL-Workflows - Ideen, Lob und Kritik 2
Neu Farbe des mobilen Headers lässt sich nicht ändern Templates für JTL-Shop 1
Wichtig 👉 Abkündigung des Servicedesk in JTL-Wawi zum 31.01.2025 Releaseforum 0
Neu Nach Umzug des Shops auf ein Unterverzeichnis gehen die Shop-Links nicht mehr Allgemeine Fragen zu JTL-Shop 1

Ähnliche Themen

Top Bottom