diasgabrie Postado Julho 31, 2014 Denunciar Share Postado 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! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
diasgabrie
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!
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.