[Resolvido] Preciso de uma div parecida com o chat do gmail e ant

[Londim 0]

Quero uma div que qnd eu clicar em maximizar ela aumenta ate ficar proporcional as tabelas dentro dela, e ao minimizar fica aparecendo apenas o FALE CONOSCO

 

dentro da tabela vou colocar links para os msns dos funcionarios da empresa.

 

o maximo q encontrei ate agora foi uma div q tem tamanho definido, entao na hr q entra no meu site ela fica grande, quando clico em minimizar fica aparecendo so o fale conosco... mas o fale conosco nao vai para o corner right bottom... ele fica no rumo do tamanho maximo minimizando assim so a parte debaixo da tabela

 

Help

[denisx 0]

Ola então, você poderia usar um spoiler quando clica em abrir abre os dados e chefar ai fecha os dados.

 

segue codigo:

 

<a id="show_id" onclick="document.getElementById('spoiler_id').style.display=''; document.getElementById('show_id').style.display='none';" class="link">[Abrir Contato]</a><span id="spoiler_id" style="display: none"><a onclick="document.getElementById('spoiler_id').style.display='none'; document.getElementById('show_id').style.display='';" class="link">[Fechar Contato]</a><br>Contato,msm todos os dias bla bla bla</span>

 

não é bem o que você quer mas acho q pode ajudar.

[Londim 0]

é mais ou menos isso.... mas como fixo isso na direita em baixo fixo....

 

ou seja se a pessoa rolar a pagina pra baixo ele acompanha

??

[William Bruno 1501]

veja sobre position: fixed; (propriedade css)

[Londim 0]

pra quem quiser e so copiar o codigo todo

 

RESOLVIDO...

<style type="text/css">

<!--

#show_id {

width: 200px;

height: 10px;

right: 0px;

bottom: 0px;

border: 1px solid #aaa;

position: absolute;

cursor: inherit;

}

#spoiler_id {

width: 200px;

height: 100PX;

right: 0px;

bottom: 0px;

border: 1px solid #aaa;

position: absolute;

}

 

-->

</style>

 

 

<a id="show_id" onclick="document.getElementById('spoiler_id').style.display=''; document.getElementById('show_id').style.display='none';" class="link"><div>Fale Conosco</div></a>

<div id="spoiler_id" style="display: none"><a onclick="document.getElementById('spoiler_id').style.display='none'; document.getElementById('show_id').style.display='';" class="link"><div>Fale Conosco</div></a><br>Contato,msm todos os dias bla bla bla</div>

[Londim 0]

acabei de achar um problema...

 

quando a pagina tem barra de rolagem a div nao acompanha a tela...

 

 

dai ela fica no meio da pagina...

 

e agora???

[João Prado 64]

use position:fixed ao invés de absolute