Site movimenta junto com janela

diasgabrie · Julho 31, 2014

Boa tarde, amigos.

fiz um esqueleto de site em css aqui, mas não consigo fazer ele parar de movimentar quando redimensiono a janela. queria deixar o site parado ao movimentar a janela, alguém poderia me ajudar?

o código é o seguinte:

<!DOCTYPE html>
<html>
<head>
<style>

body{
 background-color: #fff;
 margin:0;
 padding:0;
}

#menu{
 position: absolute;
 top:0;
 left:0;
 right:0;
 background-color: rgba(0, 0, 0, .50);
 color:#fff;
 height:70px;
 min-width:100%;
}
#menuconteudo{
 margin-left:50px;
}

#todo{
 background-color: #f9f9f9;
 border-radius:5px;
 margin: 0 auto;
 width:990px;
 text-align:center;
 border: 1px solid #999;
 margin-top: 120px;
}

#divisao{
 background-color: #fff;
 border-radius:25px;
 width: 850px;
 margin: 50px;
 padding:20px;
 color:#333;
}

#rodape{
 bottom:0;
 left:0;
 margin-top: 50px;
 z-index:11;
 background-color:#000;
 width:100%;
 height:50px;
 color: #fff;
}

#navleft{
 position:absolute;
 width:500px;
 margin-left:20px;
 margin-top:10px;
 left: 40px;
}
#navright{
 position:absolute;
 width:500px;
 margin-right:20px;
 margin-top:10px;
 right: 0px;
}
   </style>


</head>
<body>
<div id=all>

 <div id=menu>
  <div id=menuconteudo>
		<div id=navleft>
		 <img src="logo.png">
		</div>
		<div id=navright>
			<form action="login.php" method="POST">
 				<input class="inputbox" type="text" name="user" placeholder="Usuário"><input class="inputbox" type="password" name="user" placeholder="Senha">
 				<button type="submit" class="botaologin">Entrar</button>
			</form>
		</div>
  </div>
 </div>

<div id=todo>

 <div id=divisao>
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
 </div>

 <div id=divisao>
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
	blablalbalbalbalbalba blablalbalbalbalbalba
 </div>


</div>

 <div id=rodape align=center>
  RODAPE
 </div>

</div>
</body>
</html>

Os campos input lá em cima e a div divisao andam conforme a janela do navegador é arrastada. como corrigir isso? alguém saberia?

qualquer dica também fora isso ajudaria bastante.

obrigada!

Entrar

Site movimenta junto com janela

Pergunta

diasgabrie

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades