Hallo,
ich starte gerade meinen ersten Versuch mit einem jp-Template und stecke fest. Das Hintergrundbild soll mit contain eingebunden und unten rechts ausgerichtet sein, sich nicht wiederholen und immer im richtigen Seitenverhältis dargestellt werden.
Etwa so: img.bg { background-repeat: no-repeat;
background-position: right bottom;
background-size: contain; }
Vom Template ist diese css definiert:
img.bg {
height: auto;
left: 0;
min-height: 100%;
min-width: 1140px;
position: fixed;
top: 0;
width: 100%;
}
Ich schaffe es einfach nicht, diese so zu "neutralisieren", dass das Bild nicht verzerrt wird. Kann mir da jemand helfen. Vielen Dank schon mal.
Viele Grüße
Luzi

hi luzi, live url bitte!

hier der Link:
hautnah-cosmetics.de/joomla3/index.php/leistungen

Hallo, probieren sie mal diesen code: Natürlich Bild Pfad anpassen!
css-tricks.com/almanac/properties/b/background-size/

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

Aber hierfür müssen sie den Code aus der >> layouts/template.php entfernen

Danke für die Lösung. Ich habe zunächst nicht realisiert, dass das Hintergrundbild des Templates ja gar nicht als Hintergrundbild eingebaut ist. Jetzt ist es klar.
Luzi

Problem solved.