problemas com div's

[Tiago Ravache]

olá pessoal estou com problemas e acredito que seja no css/html da página

a questão é que eu tenho uma div que tem sua imagem de background que vou chamar de div1, e também tenho uma outra div com outra imagem que vou chamar de div2

o problema é que a div1 sobrepoem a div2 fica por cima e corta a imagem que tem na div2, a ordem correta seria que a div1 ficasse atrás da div2 mas isso não tá acontecendo...

obrigado desde já!

[Romerito]

e aew Tiago Ravache, bom você pode controlar isso com z-index, vou de mostrar um exemplo:

<style>
.div1{
position:absolute;
top:20px;
left:20px;
z-index:-1;
height:100px;
width:100px;
background:red;

}
.div2{
position:absolute;
top:40px;
left:40px;
height:100px;
width:100px;
background:blue;
}
</style>

<div class="div1">Div 1</div>
<div class="div2">Div 2</div>

ve se isso te ajuda, abraço!

[Tiago Ravache]

esse z-index: -1;

vai colocar a div "para trás" ou "para frente" usei isso na div que deve ficar como fundo e não deu certo...

to lendo algumas coisas de css aki mas até agora nada ^^

[Romerito]

esse z-index: -1;

vai colocar a div "para trás" ou "para frente" usei isso na div que deve ficar como fundo e não deu certo...

vai ficar atras, se quiser que fique na frente altere para 1, lembrando que você tem que colocar o position:absolute, abraço!

[Tiago Ravache]

certo, funcionou porém agora não consigo alinhar a div2 no ponto em que ela deve ficar sobre a div1...estou tentando resolver com margin mas não ta funfando...

vlw cara

[Romerito]

certo, funcionou porém agora não consigo alinhar a div2 no ponto em que ela deve ficar sobre a div1...estou tentando resolver com margin mas não ta funfando...

para alinhar as divs modifique left, e top; onde left é a distancia que a div manterá da esquerda e top é distancia que a div manterá do do topo.abraço.

[Tiago Ravache]

sim sim eu até tentei fazer isso mas não surtiu efeito =/ continuo testando algumas coisas, mas bem quando tirei a posição absoluta dele ele respeitou as configurações de margem :blink: vlw cara se der certo posto aki pro pessoal fechar o tópico

]

abraço

é agora ta funcionando legal podem fechar o tópico...

vlw cara!!!!!!!

Editado Março 4, 2009 por Tiago Ravache