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.175
1.774
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.175
1.774
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.175
1.774
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.175
1.774
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.175
1.774
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
Kassenschnittbeleg wird nach Ausdausch des Kartenlesegerätes nicht mehr ausgedruckt JTL-Vouchers - Fehler und Bugs 0
Neu [Entwarnung] ACHTUNG: JTL Shop 5.3.3 | Nach Update des JTL PayPal Commerce Plugins kein Backend mehr verfügbar (FATAL ERROR) Installation / Updates von JTL-Shop 2
Neu Kumulierte Menge der Artikelpositionen vor dem Speichern des Auftrags einsehen Eigene Übersichten in der JTL-Wawi 1
Korrektur Name des Absenders bei Anforderung der Bestätigung der E-Mail-Adresse Einrichtung JTL-Shop5 1
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

Ähnliche Themen

Top Bottom