Posicionamento de div's

[erminiomendes 0]

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!

[rikaschmitt 54]

Você só quer uma div embaixo da outra?

Se for, só colocar um "margin-top: 10px;" na div de baixo.. ou um "margin-bottom: 10px;" na div de cima.

Mais ou menos assim: https://jsfiddle.net/k25rnueb/

[erminiomendes 0]

Você só quer uma div embaixo da outra?

Se for, só colocar um "margin-top: 10px;" na div de baixo.. ou um "margin-bottom: 10px;" na div de cima.

Mais ou menos assim: https://jsfiddle.net/k25rnueb/

Opa, obrigado pela resposta, porem, a filha tem margin-bottom: 0; ou seja logo acima dela vem o filho ....

veja o site:

você vai ver a o box no rodape e um outro box acima dele falando do wifi.

Agora pegue a tela e minimize para esquerda, você vera que o box do wifi nao segue o box do rodape

[rikaschmitt 54]

É porque está com "position: absolute". Você vai ter que ir ajustando manualmente de acordo com cada breakpoint, utilizando @media query.

[erminiomendes 0]

ok o

É porque está com "position: absolute". Você vai ter que ir ajustando manualmente de acordo com cada breakpoint, utilizando @media query.

ok, vou procurar saber sobre @media query, obrigado! abs