Eric Vinícius 0 Denunciar post Postado Janeiro 21, 2011 Bom dia amigos! Comecei meus estudos no CSS, e esta semana até que consegui uma certa evolução. Construí alguns layouts, sempre simples, é verdade. Um dos problemas que eu não consegui resolver e entender, até agora, é a questão de algumas divs que eu faço, ao restaurar o monitor, elas saírem do canto na tela. Existe alguma solução universal para isso? Ou cada caso é um caso? Agradeço a atenção! Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Janeiro 21, 2011 depende de como você fez. poste um código seu de exemplo para verificarmos. Compartilhar este post Link para o post Compartilhar em outros sites
Eric Vinícius 0 Denunciar post Postado Janeiro 21, 2011 Opa William! Segue ai o código. Quando redimensiono a janela do navegador, minhas divs também são redimensionadas, saindo do lugar original <body> <div id="tudo"> <div id="topo"> <h1>TOPO</h1> </div> <div id="conteudo"> <h1>CONTEUDO</h1> </div> <div id="rodape"> <h1>RODAPE</h1> </div> </div> </body> *{ margin:0; padding:0; } body, html{ height:100%; } #tudo{ width:100%; height:100%; background-color:#000066; clear:both; } #topo{ width:100%; height:20%; border:2px solid #CCCCCC; border-top:0; } #conteudo{ width:100%; height:70%; border:2px solid #FFCC00; border-top:0; } #rodape{ width:100%; height:10%; border:0; } h1{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center; } Compartilhar este post Link para o post Compartilhar em outros sites
Evandro Oliveira 331 Denunciar post Postado Janeiro 21, 2011 Evite modificar a propriedade position. Tente fazer os espaçamentos utilizando margin e padding. Compartilhar este post Link para o post Compartilhar em outros sites
Eric Vinícius 0 Denunciar post Postado Janeiro 21, 2011 Opa Evandro, Na verdade, o William me deu esse toque, e nessa simples estrutura eu não usei o Position. Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Janeiro 21, 2011 você está usando tudo em %.. por isso redimensiona.. % pega apartir do elemento pai. nesse caso, o pai é o body se o body mudar de largura (redimensionar), as tuas divs mudam. O comportamento é este mesmo, entendeu ? defina as larguras/alturas em px! Compartilhar este post Link para o post Compartilhar em outros sites
Eric Vinícius 0 Denunciar post Postado Janeiro 22, 2011 Beleza William, valeu pela dica. Percebi este comportamento fazendo testes com valores em pixel. Uma boa noite! Compartilhar este post Link para o post Compartilhar em outros sites