Ir para conteúdo

POWERED BY:

Arquivado

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

T.Colucci

[Resolvido] Posicionar um elemento em cima de outro, sem usar abso

Por , em Desenvolvimento frontend

Recommended Posts

T.Colucci    33

T.Colucci
Postado

Galera, uma pergunta básica, mas tem dado uns problemas aqui:

 

Como posicionar um elemento "em cima" da outra? Na mesma posição left, na mesma posição top... mas com um detalhe: não pode ter posição absoluta!

 

Como fazer?

 

No aguardo! Agradeço muito a atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Porque não quer usar absolute?

Até dá para fazer uma gambi com o relative..

<html>
<head>
<style type="text/css">
#tudo {
	width: 500px;
}
#um {
	width: 500px;
	height: 500px;
	background-color: #f0f;
}
#dois {
	width: 200px;
	height: 200px;
	background-color: #ff0;
	position: relative;
	top: -400px;
	left: 0;
}
</style>
</head>
<body>
<div id="tudo">
	<div id="um">

	</div>
	<div id="dois">

	</div>
</div>
</body>
</html>
Mas não achei muito bom não.. explica melhor oq você pretende.

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Olá William,

 

 

Bem, é assim:

 

Estou fazendo um efeito com javascript para aparecer um conteudo. Existe, digamos, "um palco" (que é uma div) que tem setado overflow: hidden . Ou seja, o que não estiver dentro da area dela, não será exbido. Pois bem, existem outras divs dentro dela, mas com um margin-left: 1000px; mas quando se clica no link apropriado, a div desliza e passa para dentro desta div, ficando assim, visível. Aí que começam os problemas.

 

Usando absolute, estas divs aparecem, mesmo estando para fora do palco. Quando elas deslizam para dentro do palco, dependendo do conteúdo, estas podem rolar para cima e para baixo, caso tenha mais conteudo a ser exibido.

 

Eu já havia tentado usar dessa maneira que você passou, mas como estou usando algumas medidas fixas na função JS, dependendo de qual div estiver sendo usada, esta não aparece, pois fica abaixo da área visivel do palco. Já tentei tudo o que é jeito... e nada. E não estava querendo fazer um teste para cada evento e ai dar um função para cada elemento e etc...

 

 

Espero ter sido claro... qualquer dúvida, me avise que eu explico melhor. Obrigado pela atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Usando absolute, estas divs aparecem, mesmo estando para fora do palco.

Tá.. experimentou setar um z-index para as divs com absolute, menor doque o z-index de fora do palco?

Se tiver como colocar um link para isso, fica mais fácil de testarmos para sugerir alguma solução.

 

Mas agora explica... pq posicionar um elemento na frente do outro?

Não consegui imaginar a situação aqui... que te leva a ter que posicionar as DIVs que vão rolar, na frente de alguma outra coisa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Aqui vai o link:

 

http://betonico.com.br/2009/portfolio.php

 

Clique em web sites, depois use [ + ] para rolar...

depois vá clicando nos outros links (Outdoors, cartões e etc...) e tenta rolar... Dá um erro.

 

Essa solução do z-index não havia tentado ainda...vou tentar e posto o resultado.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Infelizmente, não funcionou William. As divs (que no caso do link que te passei são tabelas) ainda aparecem.

 

O que mais posso fazer?

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

procure por jcarousel!

 

acho que atende sua necessidade

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Infelizmente (novamente), este Jcarousel não tem a flexibilidade que eu preciso.

 

Que coisa, será que existe alguma maneira de fazer isso sem ter que escrever 300 linhas de código?

 

heuhauhea... Será que alguém mais se habilita?

 

Agradeço muito a ajuda de vocês.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

você pode fazer utilizando o z-index?

 

alguem já disse isso?

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Já disseram sim. Mas também não havia dado certo. Mas consegui resolver o problema usando javascript mesmo.

 

Fazer o que... prazo apertado é complicado!

 

Obrigado a todos que me ajudaram!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito