Background Gradient beim Scrollen

[Ulrikop]

Hallo,
Danke für deine Antwort.

Wenn man das nachliest, braucht man sich nicht auf sein Gefühl verlassen.

Ahh, danke. Gut zu wissen!

Gib dem Hintergrund dem Element .table.

Das war ein abgespecktes Beispiel. Die Farbe soll nur über den Header gehen, der Inhalt, der darauf folgt, soll davon nicht betroffen sein. Ich habe mal ein bisschen größeren jsfiddle Beispiel, damit man sich den Rest vorstellen kann. Ich finde damit kein Div, dass ich den Farbverlauf zuweisen kann, so dass es funktioniert.
Ursprünglich habe ich eine Tabelle den CSS-Werten

display: table;  
display: table-row;  
display: table-cell;

erstelle. Stieß damit aber auf 3 Probleme, die ich damit nicht lösen konnte:

• Ich wollte Multicolumns (wie bei der Zelle Januar, dass sich über die ersten 5 Spalten hinweg zieht) nutzen.
• Der Verlauf der Farbe des Headers soll sich über die beiden Header-Zeilen (Monate und Wochen) hinziehen.
• Die linke Spalte soll fixiert sein, die restlichen scrollbar.

Da dachte ich mir: Eigentlich ist genau definiert, wie hoch und breit die Spalten sein sollen. Dann benötige ich ja nicht zwingend eine Tabelle von HTML, sondern kann mir eine ganz einfach selber zusammenbauen.
Ansich finde ich das Ergebnis ganz ok. Probleme ist nur der hier angesprochene Farbverlauf im Header. Außerdem gefallen mir die Rahmen noch nicht, da sie zum Beispiel bei dem scrollbarn Bereich oben nicht angezeigt werden und der des Inhalts über dem Header liegt (auch wenn ich den z-index ändere). Habe outline genommen, damit ich von width und height Werten ausgehen kann und nicht wie bei border den Rahmen beachten muss.
Aber das ist ein kleines Problem, würde erstmal den Farbverlauf im Header hinkriegen.