Ir para conteúdo

POWERED BY:

Arquivado

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

bobmarley

[Resolvido] Div sobrepondo outra div

Por , em Desenvolvimento frontend

Recommended Posts

bobmarley    0

bobmarley
Postado

Galera.. seguinte..

 

Tenho a div#logo, que é o topo, e só tera a imagem do logo.

Tenho a div#menu que é logo abaixo do topo

e abaixo do menu a div#conteudo ja..

porem a div#conteudo ta sobrepondo no div#logo..

 

a imagem:

http://postimage.org/image/l60qquttt/

 

 

o codigo css:

 

html, body {
margin: 0;     
padding: 0;   
text-align:center;
height: 100%;
font: 100% arial, hevetica, sans-serif;
}

#tudo {
width:1050px;
margin:0 auto;
text-align: left;
border: 1px solid #c30;
min-height: 100%;
position: relative;
}

* html #tudo {
height: 100%; /* hack para IE6 que trata height como min-height */
}

#conteudo {
padding-bottom: 100px;

}





/* logo */

#logo {
width: 100%;
height: 200px;
background-image: url(img/topo.png); 
}

.imglogo {

float: left;
}

/* menu */	

#menu {
padding:0px;
margin:0px;
float: right;
width: 100%;
background-color:#EDEDED;
list-style:none;
}

#menu ul li { 
display: inline; 

}


#menu ul li a {
padding: 2px 10px;
float: left;
/* visual do link */
background-color:#EDEDED;
color: #333;
text-decoration: none;
position:relative;
left: 650px;
}	

#menu ul li a:hover {
background-color:#D6D6D6;
color: #6D6D6D;
}	


/* rodapé */

#rodape {
width: 100%;
background-color:#c0c0c0;
position: absolute;
bottom: 0;
font-size: 12px;
text-align: center;
}

 

 

e o index:

 

<body>


          <div id="tudo">


                 <div id="topo"> <?php include"includes/topo.php" ?>  </div>








                 <div id="conteudo">


                 <?php




                      error_reporting(E_ALL ^ E_NOTICE);


                      switch ($_GET['pag'])
                      {

                        case "sobre": include("includes/sobre.php"); break;
                        case "contato": include("includes/form.php"); break;
                        case "serv": include("includes/serv.php"); break;
                                   default: include("includes/home.php"); break;
                      }
                ?>    



                 </div>



               <div id="rodape"> <?php include"includes/rodape.php" ?> </div>


          </div>

</body>

 

 

valeuuu galeraaa

abraçooooooooss

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Maia    0

T.Maia
Postado

É possível corrigir este incidente utilizando float + width 100%.

 

Experimente adicionar no seu CSS.

#topo, #conteudo {
   float: left;
   width: 100%;
}

 

Abraços.

Compartilhar este post

Link para o post
Compartilhar em outros sites

bobmarley    0

bobmarley
Postado

aeee caraa.. valeuu

 

o float: left resolveu o problema.. mas apareceu outro aqui:

 

 

http://postimage.org/image/51bzlb90x/

 

o rodapé tinha que ta colado em baixo.

 

 

e esse espaço em branco no conteudo é normal?

http://postimage.org/image/4vbxixnzd/

 

 

 

ahh o codigo do meu rodapé;

 


#rodape {
clear: both;
width: 100%;
background-color:#c0c0c0;
position: absolute;
bottom: 0;
font-size: 12px;
text-align: center;
}

 

alguem viu essa outra parte?

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