Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...