Thema: Blauer Streifen im Website-Hintergrund

Hallo zusammen

Heute ist mir beim Betrachten meiner Website bei grösserer Auflösung (1440x900. Standardmässig benutze ich sonst 1366x768) aufgefallen, dass mein Hintergrund (eine zerkratzte Metallplatte) ein paar Zentimeter vor dem rechten Rand aufhört. Danach ist ein hellblauer Streifen zu sehen.

Gibt es eine Möglichkeit, diesen blauen Streifen wegzukriegen, damit wirklich nur die Metallplatte im Hintergrund zu sehen ist?

Meine Website findet ihr hier.

Vielen Dank für eure Hilfe!

Da dein Hintergrund nur eine Breite 1364Pixel hat bleibt dir nur entweder ein breitere Variante zu hinterlegen oder das Bild wiederholen zu lassen. Du kannst auch ein ähnliches grau in die template.css einbaust statt dem hellblau (rot gekennzeichneter Farbcode).

body {
background-attachment:fixed;
background-color:#7FAEF0;
background-image:url("../images/Page-BgTexture.jpg");
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
padding:0;


}

Du kannst ohne Probleme ein breiteres Bild einfügen! Es sind keine Grössenangaben in deiner template.css vorhanden. Wiederholen kannst du es lassen indem du hier (rot) auf

body {
background-attachment:fixed;
background-color:#7FAEF0;
background-image:url("../images/Page-BgTexture.jpg");
background-position:left top;
background-repeat:repeat;
margin:0 auto;
padding:0;


}

änderst!
no-repeat Keine Wiederholung. Das Bild wird einmal dargestellt.
repeat Horizontal und vertikal wiederholen.
repeat-x Nur horizontal wiederholen.
repeat-y Nur vertikal wiederholen.


Ich würde aber trotzdem den Farbcode (grün) in grau ändern. Wenn das Hintergrundbild mal nicht geladen wird ist dein Hintergrund blau. Das passt ja nicht so.

Du müsstest die Größe des Bildes ändern und es dann neu hochlladen. Oder alternativ, für die Wiederholung, folgende Stelle ändern

background-repeat:no-repeat;

zu

background-repeat: repeat;

Dann wird der Hintergrund so oft wiederholt wie es nötig ist.


Edit: Zu langsam

Zitat von Shabe

Rein des Interesse halbers interessiere ich mich auch für die Variante "Bild wiederholen" lassen. Heisst das, der Hintergrund wird einfach von Joomla so oft wiederholt, wie es für den betreffenden User mit seiner Bildschirmauflösung gerade nötig ist?

Ja, siehe rot markierte Änderung. Das wiederholt das Bild in der waagerechten (Breite)

body {
background-attachment:fixed;
background-color:#7FAEF0;
background-image:url("../images/Page-BgTexture.jpg");
background-position:left top;
background-repeat:repeat-x;
margin:0 auto;
padding:0;


}

Edit: Noch viel zu langsamer