Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

henriquerick

posicionar header e footer sem esconder conteudo

Por , em Desenvolvimento frontend

Recommended Posts

henriquerick    0

henriquerick
Postado 

<html>
<head>
	<style>
		*{
			margin:0 auto;
			padding:0px;
		}
		#header, #footer{
			background:blue;
			width:100%;
		}
		#header{
			height:50px;
			float:top;
			position:fixed;
		}
		#footer{
			height:25px;
			position:fixed;
			bottom:0;
			margin-top:25px;
		}
	</style>
</head>

	<body>
		<div id="header">
		</div>
		<div id="content">
			a<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>s<br/>b
		</div>
		<div id="footer">
		</div>
	</body>
</html>

 

Estou tentando posicionar o footer e o header de forma que nao escondam o conteudo. alguem pode me ajudar??

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
#content { padding-top: 50px; padding-bottom: 25px; }

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito