Почему пропадает фон у body?

Question

[Павел Дмитриев]

header{	
		top: -10pt; left: 0;
		color: #ffe399; 
		font-size: 1em;
		font-family:'Karina', 'Bold';     
		text-align: center;
		line-height: 50pt;
		height:40pt;
		box-shadow:0 1pt 2pt rgba(0,0,0,0.5);
		width:100%;			
		z-index:20;
		background: #4e3625;
		position:fixed;
	}	
body {		
		z-index:10;
		background: linear-gradient(left, #9f8360 0%,  #e3c394 50%, #ebc19a 100%);

    }

Хотел зафиксировать header и после добавления position:fixed; у body фон стал белым, хотя должен быть с градиентом. В чем проблема?

Answer 1

[Никита Рябин]

задайте для body width и height и всё должно встать на свои места, фон появится, а так он пустой, так как у единственного элемента header задано position

Comments

[Павел Дмитриев]

Помогло, спасибо :)

[Никита Рябин]

@klieve обращайтесь!

Answer 2

[Руслан]

так body схлопнулся, header то выпал из потока

Comments

[Павел Дмитриев]

А как исправить можно?

[Руслан]

@klieve да, как написали размеры фиксированные надо устанавливать в этом случае