Hintergrund automatisch am browserfenster anpassen

html.de-Forum HTML, XHTML & CSS
1

Ich habe das in die css datei geschreiben:

  • {
    margin: 0px;
    padding: 0px;
    }

html, body {
width: 100%;
height: 100%;
}

.background {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index:2;
}

.scale { width: 100%; height: 100%; }

seitlich zeigt er es 100% an, also nach links und rechts kann man schon mal nicht scrollen.
aber ich kann komischerweise nach unten scrollen, dort kommt dann ein weißer streifen?
kann ich das irgendwie umschreiben das das bild immer in alle richtungen 100% ausgerichtet
wird? es ist auch egal wenn es dabei verzogen wird da es sowieso nur eine Farbfläche mit minimalem
farbverlauf ist. (das bild hat eine auflösung von ca. 4k, damit es auf möglichst allen bildschirmen komplett
angezeigt wird)

2

Was du wahrscheinlich suchst, nennt sich background-size: cover.

3

Und wo muss ich diesen Befehl dann einbringen?
auserdem ist er in scriptly (das programm mit dem ich arbeite) rot unterstrichen, was normalerweise heist das es diesen Befehl nicht gibt?

4

Ist eine relativ neue Eigenschaft in CSS. Daher kennt dein Programm es wahrscheinlich nicht.
Neue Browser unterstützen es allerdings schon. Ältere Browser bleiben leider außen vor.