Få header och footer 100% breda

Blir snart galen på detta.

Vill göra följande som grund för en webbsida:

Både headern och footern ska vara 100% i bredd (även om man använder en liten skärm som skapar en horisontell scrollbar).
Footern ska expandera i höjd till sidans botten (dvs. det svarta ska alltid vara i fönstrets underkant).
Samt att det vita innehållet i mitten ska givetvis ska öka i förhållande till hur mycket innehåll/text som finns vid det aktuella tillfället.

Anser mig vara relativt van med webdesign men detta var ta mig sjutton omöjligt. Har laborerat med dubbla bakgrunder för bodyn i CSS men får ändå inte till det. Allt innehåll ska helst finnas inom en omslutande wrap, varför jag som sagt försökt att lösa detta endast med bodyn.

Behöver desperat hjälp!

Tror jag löste det.

Gjorde en wrap med min-width: 100% med vit bakrundsfärg. Bodyn fick i sin tur svart färg.

Skapade sedan en header, respetive footer med den svarta färgen (som ligger inom wrap:en och ärver min-width: 100%).
Skapade sedan samma sak för content (döpte den till inner-wrap).

För att jag sedan ska kunna bestämma bredd på sidan skapade jag även en inner-header och en inner-footer som centreras inom deras yttre divar och alltså hamnar mitt på sidan.

Koden för de som undrar:

#wrap {
min-width: 100%;
background: #ffffff;
}

	#header {
	height: 264px;
	background: #1f1f1f;
	}

		#inner-header {
		width: 960px;
		margin: 0 auto 0 auto;
		}
			
	#inner-wrap {
	margin: 0 auto 0 auto;
	width: 960px;
	background: #ffffff;
	}

	#footer {
	height: 264px;
	background: #1f1f1f;
	}
		
		#inner-footer {
		width: 960px;
		margin: 0 auto 0 auto;
		}

Tack för tipset!

Det lär ju funka fint det också. Kruxet är att jag ändå kommer behöva specificera nya bakgrundsbilder etc. på content, header, footer. Så då kommer det ändå tillkomma ytterligare kod för detta.

Men ska ändå laborera lite med ditt exempel