Lager hjälp

Hej jag förstår inte hur divar i lager fungerar har testat en massa här när jag sökt fram och tillbaka här på webforum men jag lyckas inte ändå.. Det jag vill ha är ett lager som ligger längst bak på 100%x100% som jag kan fylla med allmöjlig skit också ett som ligger framför detta som är 570x180 som alltid ligger i mitten på framen och framför det första lagret.

Det måste väl gå att fixa?

Du kan styra div med z-index,

Högst tal är det som ligger överst. Om man t ex vill lägga en z-index bakom en text så sätter man z-index till -1.

div#div1
       	{
		background-color:black;
		width: 100%;
		height: 100%;
		position:relative;
		z-index: 1;
	}
div#div2
       	{
	        background-color:red;
		width: 570px;
		height: 180px;
		margin: auto;
		position:relative;
		z-index: 2;
	}

och lägg sedan div 2 inom div 1.
<div id="div1"><div id="div2"></div></div>