Duvida Simples Com <div>

Dezembro 15, 2004

Olá.. tenho dois <DIV>´s, que estão dentro de um célula (<TD>)...

Quero colocar um <div> em cima do outro..

O que está acontecendo é uma quebra de linha, primeiro um <div> e depois o outro <div>

daria certo se eu especificasse positon:absolute.

porém não posso fazer isto, pois os dois <div> precisam ficar dentro da célula, se não fica tudo desalinhado dependendo se a tela tá maximizada ou não e etc.

como faço pra por um div por cima do outro?

Crystian · Dezembro 15, 2004

porque você não coloca em duas td's?

Tentando resolver como tah, não sei se funciona, mas tu pode alinhar uma a esquerda e outra a direita com style...

Dezembro 15, 2004

Se eu colocar duas td´s eu não vou conseguir por uma div em cima da outra div, elas irião ficar lado a lado.

Dezembro 15, 2004

Pelo que já li o jeito é fazer um div com position:absolute e outro com positon:relative e pegar a posição do div relative e passar esta mesma posição pro div absolute.

alguém sabe como fazer em java script?

Crystian · Dezembro 15, 2004

Mas se você precisa que os dois divs fiquem no mesmo lugar utiliza um div só e troca o conteúdo quando precisar com a propriedade innerHTML....

Dezembro 15, 2004

A Div do fundo é o layot da página que é uma animação em flash... o div de cima é o texto que deve ficar por cima do div fundo que é o layout.

Lembrando que os dois div´s estão em uma mesma td.

Dezembro 15, 2004

Estou quase conseguindo. Usei o seguinte script.

<script language="JavaScript" type="text/javascript">
document.getElementById("coluna").style.left = document.getElementById("menu").style.left;
document.getElementById("coluna").style.top = document.getElementById("menu").style.top;
</script>

porém ainda não está funcionando corretamente, pois quando eu diminuo a tela o div não vai pro lugar certo.

A cada vez que a posição do div "menu" mudar, seria necessário que o script fosse ativado pra mudar tb a posição do div "coluna".

alguém pode me ajudar?

Crystian · Dezembro 15, 2004

tenta colocar isso dentro de uma function e chamar ela no onresize do body, assim sempre q ele redimensionar ele vai ir para o mesmo lugar do outro div...

Se não conseguir posta ae q te dou uma mão...

Abraço

Crystian

Dezembro 15, 2004

fiz uma função e coloquei o OnResize... porém não funcionou...

depois coloquei no OnMouseOver do próprio <div>, ai deu certo, toda vez que passava o mouse em cima do <div> ele mudava de lugar.

iai... alguma idéia?

Crystian · Dezembro 15, 2004

Eu utilizo o onResize (você escreveu certo? não é OnResize, mas sim onResize) e sempre funcionou. Esse evento é disparado quando é redimensionada a janela...

Tenta de novo, qualquer coisa posta o código...

Abraço

Crystian

Illidan · Dezembro 16, 2004

Eu faço assim e funciona:

function x() {
alert('abc');
}
onresize = x;

Abraços!

Dezembro 16, 2004

Obriagdo pela ajdua.

o onResize agora está funcionando.

Porém ainda resta um pequeno problema. Acompanhem os códigos.

 DIV RELATIVE
<div id="menu" style="position: relative; width: 766; height: 320px; top: 0; left: 0;" >

 DIV ABSOLUTE
<div id="coluna" style="position: absolute; width: 552px; height: 270px; ">

onResize
<body onResize="posicao()" >

FUNCTION POSICAO()
function posicao() 
{
document.getElementById("coluna").style.left = document.getElementById("menu").style.left;
document.getElementById("coluna").style.top = document.getElementById("menu").style.top;
}

O problema é que o div relative que está dentro da td tem left e top = 0

Logo o div absolute também está tendo o left e top = 0 e ficando no canto superior esquerdo do navegador.

E não é esta a minha intensão.. quero que o div absolute fique na mesma posição que o relative, de forma que o div absolute fique por cima do div relative.

a dúvida é, como pegar o top e left do div relative como se este relative fosse um absolute?

Dezembro 16, 2004

Olá...

Estava tentando algo como document.getElementById("coluna").x ou .y.. porém não funciona... alguém sabe uma propriedade que eu possa pegar as coordenadas?

Crystian · Dezembro 16, 2004

document.getElementById('coluna').style.left e document.getElementById('coluna').style.top ... isso vai te retornar o top e o left do elemento "coluna" desde que você tenha especificado o top e o left no elemento...

Dezembro 16, 2004

é exatamente isto que estou fazendo.. tá funcionando...

porém o problema tá ai...

o div de que estou querendo pegar as coordenadas é relative e está dentro de uma td, eu coloquei top=0 e left=0, portanto o div relative fica no canto superior esquerdo da td a qual ele é relative.

pego a Top e Left deste div relative e jogo em um div absolute, ai o div absolute fica no canto superior esquerdo do navegado, pois ele é absolute e left=0 top=0.

o que quero é que o div absolute fique na mesma posição que o div relative... portanto preciso pegar a posição do div relative, más não sua posição dentro da td e sim dentro do navegador, mesmo ele sendo relative.

alguém?

Crystian · Dezembro 16, 2004

Cara pegar a posição de um elemento na tela sem especificar o left e o top é complicado. Vou dar uma pesquisada...

Abraço

Dezembro 16, 2004

Eu posso até especificar o LEFT e o TOP, só que ai vai valor pra dentro da célula, pois é um div relative, porém creio que você entendeu, não quero a posição do div relative dentro da td e sim a posição do div relative dentro do navegador.

Entrar

Duvida Simples Com <div>

Pergunta

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

16 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest - Neemias -

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns