Position de div Html / css

Hello
une petite question de noob

On fait comment pour structurer une page de la sorte

-------------------------------------------
- block1 -
-------------------------------------------
-------------------------------------------
- -
- block2 -
- -
-------------------------------------------
-------------------------------------------
- block3 -
-------------------------------------------

Block 1 toujours au top avec une hauteur Fixe de X pixels
Block 3 toujours en bas avec une hauteur fixe de X pixels

Block 2 Hauteur minimum de X pixelx et sinon s'élargi en fonction de la hauteur de la page

J'arrive a positionner mes div mais ils se chevauchent quand on rétraici la fenetre, je voudrais que si on a un hauteur min attente les scroll apparaissent

Merci d'avance

#wtop {
	height: 103px;
	width:100%;
	background-color:#0C0;
	display:block;
	

	}
#wmain {
	
	width:100%;
	background-color:#399;
	display:block;
	z-index:40;
	position: relative;
	min-height:350px;
	
	}
#wbottom {
	height: 113px;;
	width:100%;
	background-color:#C00;
	display:block;
	position:absolute;
	
	}