Como colocar Menu e rodapé fixo?

09/11/2016

0

Hello people, estou tentando fazer um menu e rodapé fixo, mas não tenho nenhuma ideia de onde devo começar. podem por favor dar-me uma ideia.
Ramon Barbosa

Ramon Barbosa

Responder

Post mais votado

09/11/2016

algo assim?
	<html>
	<head>
	<style>
	* {
		Padding: 0px;
		Margin: 0px;
	}
	#header_global{
		width: 100%;
	}
	#header{
		width: 1020px;
		height: 100px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		background-color: #333;
	}
	#content_global{
		width: 100%;
	}
	#content{
		width: 1020px;
		height: 1000px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		background-color: #777;
	}
	#footer_global{
		width: 100%;
		position: fixed;
		bottom: 0;
		background-color: #eee;
	}
	#footer{
		width: 1020px;
		height: 50px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		background-color: #aaa;
		text-align: center;
		
	}
	</style>
	</head>
	<body>
	
		<div id="header_global">
			<div id="header">
				<div id="menu" style="width: 300; height: 50; background-color: #f00; color: fff;
				text-align: center; float: right; position: fixed;">MENU</div>
			</div>
		</div>
		
		<div id="content_global">
			<div id="content"></div>
		</div>
		
		<div id="footer_global">
			<div id="footer"> RODAPE</div>
		</div>
		
	</body>
	</html>

Michael Batista

Michael Batista
Responder

Mais Posts

09/11/2016

Ramon Barbosa

Sim sim, ajudou bastante obrigado!
Responder

10/11/2016

Diego Silva

Só para reforçar, a propriedade "position" com o valor "fixed", é que fazem isso para você
Responder

16/11/2016

Tiago Dias

position: fixed

Isso resolve seu problema Ramon
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar