Posicionamento de div's
Opa pessoal, blz?
Preciso de uma ajuda, tenho um div no rodape porem preciso deixar um outro div acima dele uns 10 pixels, ou seja o div q fica no botton tem botton=0 e o segundo div acima dele tem q ficar sempre 10 pixel acima dele:
aqui vai o cod que tenho:
.home-text é o div que esta comportando os dois divs
.home-text-bottom é o com valor bottom=0
.home-text-bottom1 é o que tem q ficar 10px acima do div home-text-bottom
tudo q quero é que ele seja responsivo, ou seja o div home-text-bottom 1 tem que sempre seguir o div home-text-bottom
.home-text {
margin: 0 auto;
}
.home-text-bottom {
background: rgb(50,50,50); /* fallback for older browsers */
background: rgba(50,50,50,0.7); /* #999 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
line-height: 1.5;
padding: 15px 20px 14px;
text-align: justify;
}
.home-text-bottom {
bottom: 0;
position: absolute;
}
.home-text-bottom p {
margin-bottom: 0;
}
.home-text-bottom1 {
background: rgb(50,50,50); /* fallback for older browsers */
background: rgba(50,50,50,0.7); /* #999 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
line-height: 1.5;
padding: 15px 20px 14px;
text-align: center;
border: red 3px solid;
}
.home-text-bottom1 {
bottom: 180px;
position: absolute;
}
.home-text-bottom1 p {
margin-bottom: 0;
}
Obrigado!
Discussão (4)
Carregando comentários...