..:: MX Studio Fóruns ::..: DIV SOBRE DIV - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

DIV SOBRE DIV A div nao aceita ficar uma por cima da outra

#1 User is offline   Design_TFC 

  • Group: Membros
  • Posts: 11
  • Joined: 26-November 08

Posted 09 September 2009 - 01:54 AM

Boa noite pessoal, gostaria de uma ajuda!!!

ë o seguinte: estou construindo um site com propriedade FLOAT, sendo que criei 3 divs, sao elas:

<div id="corpo_site">

<div id="barra_topo" ><img src="imagens/barra.topo.gif" width="964" height="73" alt="barra" /></div>

<div id="logo"><img src="imagens/logotipo.gif" width="139" height="62" alt="logo" /></div>

</div> <!-- fim da corpo site -->


CSS
_____________________________________

#corpo_site {
margin:auto;
width:967px;
margin:auto;
z-index:1;
height: auto;
}
#barra_topo{
width:967px;
z-index:2;
}
#logo{
left:11px;
top:6px;
width:139px;
height:62px;
z-index:3;
---------------------------------------------------------------------

Conclusao:

Gostaria de colocar a div = "logo" por cima da div = "barra_topo"

exemplo: www.pecas.digitalsistema.info/index.php

( esse site eu fiz trabalhado com position:absolute ) sendo que tenho que fazer o site crescer dinamicamente e tenho que trabalhar com o FLOAT.

Já tentei de todas as formas colocar a logo por cima da imagem ( div sobre div ) mais nao tive sucesso. Gostaria de uma sugestão de vocês para que eu possa colocar uma por cima da outra..



Aguardo a resposta.


0

#2 User is offline   ThiagoxD 

  • Group: Membros
  • Posts: 364
  • Joined: 22-June 08

Posted 11 September 2009 - 10:02 AM

QUOTE(Design_TFC @ 9/9/2009 00:09:23) <{POST_SNAPBACK}>
Boa noite pessoal, gostaria de uma ajuda!!!

ë o seguinte: estou construindo um site com propriedade FLOAT, sendo que criei 3 divs, sao elas:

<div id="corpo_site">

<div id="barra_topo" ><img src="imagens/barra.topo.gif" width="964" height="73" alt="barra" /></div>

<div id="logo"><img src="imagens/logotipo.gif" width="139" height="62" alt="logo" /></div>

</div> <!-- fim da corpo site -->


CSS
_____________________________________

#corpo_site {
margin:auto;
width:967px;
margin:auto;
z-index:1;
height: auto;
}
#barra_topo{
width:967px;
z-index:2;
}
#logo{
left:11px;
top:6px;
width:139px;
height:62px;
z-index:3;
---------------------------------------------------------------------

Conclusao:

Gostaria de colocar a div = "logo" por cima da div = "barra_topo"

exemplo: www.pecas.digitalsistema.info/index.php

( esse site eu fiz trabalhado com position:absolute ) sendo que tenho que fazer o site crescer dinamicamente e tenho que trabalhar com o FLOAT.

Já tentei de todas as formas colocar a logo por cima da imagem ( div sobre div ) mais nao tive sucesso. Gostaria de uma sugestão de vocês para que eu possa colocar uma por cima da outra..



Aguardo a resposta.


Você já deu a resposta =D. Use Float na div da imagem do logo. Assim ela fica flutuando encima da barra do topo.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)