Farbverlauf immer über ganze Seite

[robe56]

Hallo,

ich bin gerade dabei per CSS einen Farbverlauf für meine Webseite zu erstellen. Gewünscht ist das so, das der Farbverlauf immer über die ganze Seite dargestellt wird, egal wie gross das Browserfenster ist.

Dazu habe ich zu Testzwecken eine CSS Datei für den Body angelegt und in "eigener Code" background:linear-gradient( white, black) eingegeben.

Der Verlauf wird auch dargestellt, allerdings nur für 2283 x 851 px. Dann wird er abgeschnitten. Das sind auch die Maße, die ich sehe, wenn ich den Body im Firefox "untersuche".

Was mache ich falsch?

Wie erreiche ich, das der Verlauf weiter geht? Mindesthöhe eingeben?

LG
Rolf

[derRenner]

Hello

background: linear-gradient(to left, white, black);

[robe56]

Hello

background: linear-gradient(to left, white, black);

Danke, das funktioniert so.

Gibt es keine Möglichkeit das auch mit "to bottom" zu machen?

Ich habe auch schon wie verrückt "gegoogelt", aber nichts passendes dazu gefunden.

[fiedsch]

to bottom sollte gehen. Ansonsten mit Angabe eines Winkels:

linear-gradient(angle, color-stop1, color-stop2);

Schaust Du auch (z.B.) hier https://developer.mozilla.org/de/doc...inear-gradient

[robe56]

to bottom sollte gehen. Ansonsten mit Angabe eines Winkels:

linear-gradient(angle, color-stop1, color-stop2);

Schaust Du auch (z.B.) hier https://developer.mozilla.org/de/doc...inear-gradient

Danke für die Hilfe und den Link.

Werde ich mir nachher mal genauer ansehen.

[Andreas]

Klar, du solltest im Netz nach css linear gradient suchen, wenn du dich damit nicht auskennst, aber das wird mit deinem Problem nichts zu tun haben. Zeig mal einen Link zu der Seite, sonst kann man nur raten. Ich rate mal, dass entweder dein HTML, oder dein BODY auf height:100% oder 100vh steht.

[robe56]

Klar, du solltest im Netz nach css linear gradient suchen, wenn du dich damit nicht auskennst, aber das wird mit deinem Problem nichts zu tun haben. Zeig mal einen Link zu der Seite, sonst kann man nur raten. Ich rate mal, dass entweder dein HTML, oder dein BODY auf height:100% oder 100vh steht.

Link entfernt.....Danke an Andreas, für die Hilfe

[Andreas]

Der BODY ist nicht hoch genug. Gib ihm min-height:100vh. Bei background-color fällt das nie auf, weil das eine Ausnahmen ist, dass damit immer der ganze Viewport eingefärbt wird.

[robe56]

Vielen Dank, das hat geholfen.

Den Link werde ich gleich wieder entfernen.