4 replies to this topic

[Leandro Vale]

Pessoal estou com uma dúvida irritante.
Tenho uma estrutura em CSS (veja o exemplo abaixo) e como vocês podem ver estou querendo que a DIV 3 fique colado com a DIV 1 e fique abaixo da DIV 2.


Deve ser muito simples, mas estou quebrando a cabeça com isso, pois ja tentei todos os "POSITIONS" neles e nada! :/

obrigado.

Edição feita por: Leandro Vale, 19/04/2011, 17:05.

[Anderson_]

Pessoal estou com uma dúvida irritante.
Tenho uma estrutura em CSS (veja o exemplo abaixo) e como vocês podem ver estou querendo que a DIV 3 fique colado com a DIV 1 e fique abaixo da DIV 2.


Deve ser muito simples, mas estou quebrando a cabeça com isso, pois ja tentei todos os "POSITIONS" neles e nada! :/

obrigado.

Amigo,

tbm não tenho muita experiencia mas tenta usar o atributo z-index nas suas div que talvez funcione ex:
div1{z-index: 1; background:#0f0; width: 100px; height: 100px;}

usando o atributo z-index voce pode definir a ordem das camadas, e depois é só posicionar de acordo com seu layout.

se der certo avisa ae!

falow

[Leandro Vale]

Pessoal estou com uma dúvida irritante.
Tenho uma estrutura em CSS (veja o exemplo abaixo) e como vocês podem ver estou querendo que a DIV 3 fique colado com a DIV 1 e fique abaixo da DIV 2.


Deve ser muito simples, mas estou quebrando a cabeça com isso, pois ja tentei todos os "POSITIONS" neles e nada! :/

obrigado.

Amigo,

tbm não tenho muita experiencia mas tenta usar o atributo z-index nas suas div que talvez funcione ex:
div1{z-index: 1; background:#0f0; width: 100px; height: 100px;}

usando o atributo z-index voce pode definir a ordem das camadas, e depois é só posicionar de acordo com seu layout.

se der certo avisa ae!

falow

consegui usando a propriedade position!
quem quiser saber basta solicitar que descrevo os detalhes.

[Leocarpo]

Cole aqui a solução para encerrar o tópico.

[wilsoncsousa]

#box1{
background:#036;
height:200px;
margin:0 auto;
position:relative;
width:400px;
z-index:0;
}

#box2{
background:#999;
height:100px;
margin:-50px auto 0;
position:relative;
width:300px;
z-index:5;
}

#box3{
background:#900;
height:450px;
margin:-100px auto 0;
position:relative;
width:400px;
z-index:0;
}
</style>

<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>

Edição feita por: wilsoncsousa, 28/05/2011, 21:00.