Eric Vinícius 0 Denunciar post Postado Janeiro 19, 2011 Boa noite pessoal! Estou com um problema que creio ser comum entre os iniciantes do CSS: Div's saindo do canto quando se minimiza a tela. Segue o meu código para ilustrar melhor meu problema: CSS: html, body{ height: 100%; } #geral{ height: 100%; width: 100%; position: relative; display: block; } #topo{ height: 20%; width: 100%; position: relative; } #conteiner_bts{ position: relative; width: 100%; height: 60%; } #botao_html{ background-color: #fff; position: relative; width: 120px; height: 50px; top: 70%; left: 50%; margin-top: -100px; margin-left: -230px; text-align: center; float: left; } #botao_flash{ background-color: #fff; position: relative; width: 120px; height: 50px; top: 70%; left: 50%; margin-top: -100px; margin-right: -250px; text-align: center; float: left; } #rodape{ height: 20%; width: 100%; position: absolute; bottom: 0px; } HTML: <body> <div id="geral"> <div id="topo"></div> <div id="conteiner_bts"> <div id="botao_html">HTML</div> <div id="botao_flash">FLASH</div> </div> <div id="rodape"></div> </div> </body> No caso, as divs botao_html e botao_flash se "movimentam" quando a página é minimizada. O restante está 'enxuto'. Alguém me ajude! =D Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Janeiro 19, 2011 esqueça a propriedade position estruture o teu site sem ela. Apenas usando float, clear, margin e padding. Compartilhar este post Link para o post Compartilhar em outros sites
Eric Vinícius 0 Denunciar post Postado Janeiro 19, 2011 Obrigado pela atenção William, Mas, esse problema pode ser resolvido mesmo com o Position, certo? Esse conceito de posicionar divs sem Position soou como uma grande surpresa para mim. Alguma dica de por onde começar? Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Janeiro 19, 2011 na verdade, da forma com que você usou position não dá cara. Essa propriedade é para 'outras coisas'. Tem que ter muito cuidado, se você for basear teu layout tanto nisso.. e só em coisas muito especificas isso é necessário. não use nenhum ^_^, você vai ver a diferença, e vai resolver bem oque você precisa. livros.. qq um de css, e xhtml.. e as dicas básicas: que foi oque te passamos no outro topico. http://forum.imasters.com.br/index.php?/topic/420851-webstandards-truques;-por-onde-comecar/ Compartilhar este post Link para o post Compartilhar em outros sites
Eric Vinícius 0 Denunciar post Postado Janeiro 19, 2011 É William, vou dar uma estudada mais afundo. Era algo meio urgente, mas tempo não sobra. Valeu pela direção mais uma vez... Um abraço! Compartilhar este post Link para o post Compartilhar em outros sites
