Voor de site hoogberijk.nl wil ik graag een dubbele achtergrond hebben. Ééntje die de normale noise achtergrond bevat en een andere die de gradient bevat. Nu probeer ik dit met positioning, alleen werkt dit niet echt. Wat ik doe is de body een normale noise achtergrond geven, en daarna nog een div met de andere achtergrond, maar deze moet dus 100% hoog zijn, heel de pagina. Met deze codering lukt het niet:

Code:

.background {
  background: url("../images/repeatbackground.png") repeat-x;
  top: 100%;
  height: 700px;
  left: 0;
  margin-top: -700px;
  position: absolute;
  width: 100%;
  z-index: 0;
}

Heeft iemand een idee hoe ik dit wel voor elkaar kan krijgen?

Hoe wil je eigenlijk dat de bg eruit ziet?
een horizontale band, onderaan? Of vergis ik me

Ja een horizontale onderaan.

Code:

#background {
  background: url("../images/repeatbackground.png") 50% 100% repeat-x;
  z-index: 0;
}

je moet wel de background-layer om je content heen zetten:

Code:

<div id="background">
<p>blaat bla bla</p>
</div>