Breite des Hintergrundbild verändern

sasch1980 · 14. April 2012

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 · 14. April 2012

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 · 14. April 2012

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 · 14. April 2012

AW: Breite des Hintergrundbild verändern

Und dieses:

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

sasch1980 · 14. April 2012

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 · 15. April 2012

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 · 15. April 2012

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 ...

ag-websolutions.de · 15. April 2012

AW: Breite des Hintergrundbild verändern

es gibt keine bessere 😉

MichaelH · 18. April 2012

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 · 19. April 2012

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.

Suche

Suche

Breite des Hintergrundbild verändern

sasch1980

Gut bekanntes Mitglied

MichaelH

Sehr aktives Mitglied

MichaelH

Sehr aktives Mitglied

MichaelH

Sehr aktives Mitglied

sasch1980

Gut bekanntes Mitglied

sasch1980

Gut bekanntes Mitglied

MichaelH

Sehr aktives Mitglied

ag-websolutions.de

Sehr aktives Mitglied

MichaelH

Sehr aktives Mitglied

sasch1980

Gut bekanntes Mitglied

Ähnliche Themen