CSS Como fazer um header fixo no topo e responsivo sem usar o position:fixed?

[Caio Henrique_774883]

caro leitor,

  obrigado desde já pela ajuda com este trabalho... Segue abaixo e em anexo fotos, html e css para ajuda-los a entender meu problema:

 

 Estou tendo problemas em ajustar o meu site responsivamente usando (%,em) como dimensões.

 

Quando uso o fixed o header segue com a dimensão da tela en com a dimensão do site como um todo, preciso de uma solução ou uma sugestão alternativa....

 

attt caio henrique,

sapsmp!!!

indec.html

style.css

[FabianoS]

Amigo explica melhor o que não ta dando certo que pela imagem não da pra entender muita coisa.

[Pamyla]

respondendo para duvidas futuras:

você pode por 

 header{
     position:fixed;
     width:100%;
 }

 Que assim ela rola e fica com as propriedades em %

[Felipe Paz]

Habitue-se, no fórum, a postar o código e não o arquivo. Algumas considerações no teu css:

 

-> Não precisa fazer aquele monte de declaração de tags para o reset do browser. Basta apenas inserir, no início do css isto:

* {
	margin: 0;
	padding: 0;
}

Evite fazer muitas mudanças utilizando um seletor global. Crie classes para os elementos. No caso do header, poderia colocar um:

header {
	width: 100%;
	float: left;
	height: auto;
}

Que, basicamente, está flutuando à esquerda, com altura automática e largura sempre 100%;