CSS: Dehnung des Hintergrundbildes bei großem Viewport begrenzen

[Matthias Scharwies]

Servus!

Hallo Leute,

wie kann ich mittels CSS einstellen, dass mein Hintergrund ab einer bestimmten Auflösung nicht in die Breite gezogen wird, sondern unverändert bleibt? Das sieht grausig aus, sobald man einen zu breiten Monitor hat.

Hier ein Auszug aus meinem Code:

<div style="opacity: 1;margin-left:0%;margin-top:1%;width:100%;height:100%;background-color:grey; background-image:url(test.jpg); background-repeat:no-repeat; background-position:center; //background-attachment: fixed;

Danke für einen Tipp!

CSS/Eigenschaften/max-width

body {
  max-width: 60 em;
  margin: 1em auto;
}

Herzliche Grüße

Matthias Scharwies