F�rum Como colocar Menu e rodap� fixo? #570715

09/11/2016

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

Curtir t�pico

+ 0

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

Responder

Gostei + 2

Mais Posts

09/11/2016

Ramon Barbosa

Sim sim, ajudou bastante obrigado!

Responder

Gostei + 0

10/11/2016

Diego Silva

S� para refor�ar, a propriedade "position" com o valor "fixed", � que fazem isso para voc�

Responder

Gostei + 0

16/11/2016

Tiago Dias

position: fixed

Isso resolve seu problema Ramon

Responder

Gostei + 0