Ak je div v dive, stránka sa nechce roztiahnuť

Dobrý deň,
Prosím, vás o pomoc s problémom roztiahnutia obsahu, keď je v inom dive. Nešiel by som sem, ale už veľa dní ma sužuje tento problém a sám si s ním neviem dať rady. Tu je živá ukážka a tu konkrétny problém:
1. Zistil som, že je výhodné celý obsah stránky dať do divu (chcem sa opýtať či je to naozaj tak.)
2.<div class="main">, <div class="footer"> sú v dive content, ak by tam ale div content nebol a celé to bolo iba v body, tak by sa výška divu main bez problémov roztiahla na požadované hodnoty, ale ak medzi tým ešte niečo je, problém je na svete; viete mi poradiť ako mám upraviť CSS, aby som tento problém nemal?

ale veď hovorím o výške.
Ide mi o to aby obsah na bielom pozadí mal minimálnu výšku 100%

Fisir:
odkaz "opravdu" je niečo, čo som už skúšal a neviem či si si to cez biely border všimol, ale päta dole z toho divu vytiekla-ja som chcel aby div content obaľoval divy main a footer Čo mám urobiť preto aby ostala päta v contente?
A čo sa týka "patičky vždy dole" čítal som to a snažil sa to urobiť podľa toho, ale čím jednoduchšie(zrejme mi to však nevyšlo).

„Zistil som, že je výhodné celý obsah stránky dať do divu“
To preto lebo keď potrebujem aby bol obsah v celku a nemenil sa približovaním či zmenšením okna.

Ak mi povieš klady a zápory, možnosti nechať to v dive content, tak budem môcť zvážiť možnosti (bude stačiť aj URL s podobnou problematikou).
Ešte som ti nepoďakoval takže: Diki

Link na to ako som to chcel mať, pomohol mi s tým kamarát- keby niekto mal ten istý problém. Diki Fisir za pomoc.

Fisir: so stránkou ešte nie som ďaleko a chcel by som preto vedieť, či to podľa tvojho názoru mám dávať obsah ešte do obaľovacieho divu