Hintergrundbild und vergrößern/kleinern vom Content

[Tschipiar]

Salü Markus

Zwar arbeite ich nicht mit Webeditoren, aber folgende HTML5-Codes könnten Dir evtl. weiter helfen:

Ein Bild anpassen geht grundsätzlich mit CSS zwischen <style>...</style> (wenn Du das in Deinem Webeditor einfügen kannst).

1. alle Bilder egal wo und wie einfach an jede Display-/Bildschirm- oder Div-Grösse automatisch anpassen:

Code:

img {
border:none;
max-width:100%;
height:auto;
}

2. ein Hintergrundbild in einem Div anpassen:

Code:

div#divname {
background-image: url(images/bild.jpg);
background-repeat: no-repeat;
background-position: 0% 0%; /* mein Beispiel = oben links ausgerichtet */
background-size: auto 150px;  /* mein Beispiel = Breite automatisch, Höhe 150px */
}

3. ein Hintergrundbild, das sich hinter allem automatisch an Display-/Bildschirmgrösse anpasst

Code:

body {
background-image: url(images/background.jpg);
background-size:  cover;
background-repeat: no-repeat;
background-position: center center; /* zentriert */
}