Zmiana koloru tła bez stopki

[abcdefg]

Witam 

Chciałem zmienić kolor strony na gradient, przykładowo wybrałem sobie taki o to gradiencik:

radial-gradient(250% 150% at 0% 100%, #CC9933, white);

Chciałbym aby tym kolorem wypełniona została część zarówno header jak i column-container ale nie footer, 

Aby to wykonać do style.css na końcu dodałem taki kod:

#page, header, .columns-container, .header-container  {
background: none!important;
}
body {
background:radial-gradient(250% 150% at 0% 100%, #CC9933, white)!important;
} 

efekt: http://oi59.tinypic.com/33ww0f9.jpg

Podkreślić chciałbym aby gradient w header i column-container były jako jedna część

 

Problem w tym ze stopka mi się rozjechała tak jak bym nie chciał,
tak więc jeśli zamiast powyższego kodu na koniec wklejam tylko taki kod :
 

header, .columns-container {
background: #FFF radial-gradient(250% 150% at 0% 100%, #CC9933, white)!important;
} 

efekt:http://oi60.tinypic.com/117tn3a.jpg

 

to wówczas stopka mi odpowiada ale header mi nie odpowiada

Pomóżcie mi zrobić tak aby header i column-container był jako jeden wielki gradient, a stopka została bez zmian taka jaka jest standardowo
Dziękuje za pomoc
 

[abcdefg]

up

[krzysiek_web]

Wklej kolorowanie tła tak jak miałeś na początku ale dodaj do tego jeszcze osobną klasę do footer'a z innym tłem.

Ciężko podać gotowy kod skoro nie podałeś linku.

[korni]

@krzysiuuus - jak doda klase do stopki, to tylko nakryje kolorem tło, które i tak by się rozciągało na całą wysokość.

Ja bym inaczej to zrobił, tylko to wymaga już troszeczkę większej zabawy z kodem. Mianowicie stopka jest w innym kontenerze niż reszta strony. Czyli header i center column w jednym divie, a stopka w drugim.

[krzysiek_web]

Też można tak zrobić.

W zasadzie w obu przypadkach jest tyle samu pracy więc wybór zostawiam autorowi tematu.