Eine Möglichkeit wäre es, über das Dokument ein Div mit position:absolute zu setzen. Das Div ist dann unabhängig von allen anderen Elementen auf der Seite. Wichtig ist nur, dass der z-index des Elements größer als das der anderen ist, oder dieses spezielle Div nach den anderen im
HTML Code steht.
Eine andere,
imho schönere Möglichkeit wäre es zwei der Divs zu verbinden. Du sagst, dass das zweite Div einen einfachen weißten Hintergrund hat. Dafür braucht man kein Bild, da reicht ein background:white; Wenn du nun den Hintergrund des Dokuments entweder im Body oder in einem übergeordneten Div weiß machst, dann kannst du deinen ersten Farbverlauf in ein Div tun (mit repeat-x) und den Content auch dort rein machen. Kurze Veranschaulichung:
CSS:
Code:
body {
background:white;
}
.meinErsterVerlauf {
background-image:
url('verlauf1.png');
background-repeat:repeat-x;
/* evtl. noch padding */
}
HTML:
Code:
<body>
<div class="meinErsterVerlauf">
</div>
<div class="meinZweiterVerlauf"></div>
</body>
Hoffe das hilft!
Liebe Grüße,
Valle