Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Zerocalt

DIV sobrepondo outra DIV

Recommended Posts

Estou criando um chat estilo facebook, e tenho uma div que fica transparente, que é onde ficam as janelas de chat...
Porém quando abro o chat a div fica sobre as outras mesmo sendo transparente, assim não consigo clicar no site ou nos inputs que ficam atrás da div do chat.
O site é: www.pcfsweb.com.br
Login: teste@teste.com.br
Senha: teste123

estou usando o css na div onde fica as janelas:
div#janelas{
position:fixed;
bottom:0;
left:0;
width:85.5%;
background: #ccc;
/* aqui o background é transparente... coloquei cinza para melhor visualizar o erro. */
}

aqui o css da div janela, que são os chats que abrem dentro da div janelas
div#janelas div.janela{
width:230px;
margin-left:5px;
float:right;
margin-bottom:0;
border-left:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;
}

Já tentei utilizar z-index, porém não consegui ajustar...
Alguém poderia me dar um help?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Zerocalt,
A div#janelas SEMPRE vai impedir acesso ao conteúdo do site mesmo estando transparente.
Mesmo se você declarar z-index de maneira correta vai conseguir posicioná-la atrás do site, contudo as janelinhas do chat irão

junto e será criado outro problema, ou seja, o site vai cobrir as janelinhas.

 

A maneira que eu vejo para resolver o problema e fazer com a div#janelas vá crescendo à medida que as janelinhas vão sendo acresentadas.
Para isso altere o CSS da seguinte maneira:

 

div#janelas{
    position:fixed;
    bottom:0;
    right:0; <== ALTERE AQUI
    width:auto; <== ALTERE AQUI
    background: #ccc;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Maujor, muito obrigado pela atenção, curto muito seu site e indico a todos.

Eu resolvi tirar a div onde ficavam as janelas e ir adicionando uma div nova para cada janela, porque mesmo deixando a div ir aumentando de acordo com as janelas, quando eu minimizava, ela ainda ficava do mesmo tamanho... e ocupando o espaço do site...

Eu improvisei, espero que esteja certo, ou foi uma "gambiarra", pois cada janela que eu adiciono tenho de aumentar o tamanho da distância da direita (com JQuery).

Mesmo assim, muito obrigado pela dica...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.