Ir para conteúdo
Fórum Script Brasil

diasgabrie

Membros
  • Total de itens

    1
  • Registro em

  • Última visita

Sobre diasgabrie

diasgabrie's Achievements

0

Reputação

  1. 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!
×
×
  • Criar Novo...