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
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
Mais Posts
10/11/2016
Diego Silva
Só para reforçar, a propriedade "position" com o valor "fixed", é que fazem isso para você
Responder
Clique aqui para fazer login e interagir na Comunidade :)