[Resolvido] Rodapé com erro na index

[Guilherme_90 33]

Fala galera, desculpem eu por criar outro tópico. Mas a questão é: Tá f***! (resumidamente).

O rodapé fica esquisito apenas na index, enquanto nas outras páginas, fica absolutamente normal (e do jeito que eu quero). Vejam a imagem da index:

 

 

Agora vejam de outra página (que está correto):

 

 

Vocês sabem me dizer o porque disso? Ah, só para "garantir", olhem o código fonte (uma parte):

 

<div id="conteudo">
           <? include("paginas/".(isset($_GET['pagina'])?$_GET['pagina']:"home").".php") ?>
       </div><!-- CONTEUDO -->

       <div id="rodape">
           <div id="rodapeConteudo">
               <p>Desenvolvido por: <strong>Guilherme Nogueira</strong> e <br />
                   <a href="www.gigro.com"><img src="estilo/img/gigro_escuro.png" width="74" height="17"
                   alt="Gigrô - Serviços Interativos" title="Gigrô - Serviços Interativos"/></a>
               </p>
           </div><!-- RODAPE-CONTEUDO -->
       </div><!-- RODAPE -->

 

Eu já coloquei o rodape dentro div conteudo, e fica ao contrário. Por favor, preciso de ajuda, obrigado.

Ah, e outra coisa, eu fiz titulo dinamico no PHP, só que quando eu clico na logo do site, o título muda (so fica com o titulo quando clico no menu). Como faço pra colocar o titulo mesmo clicando na logo do site?

[Caio Tarifa 0]

O HTML está correto, o problema deve estar o CSS, poste as fotos corretamente ou a URL do site para vermos.

[caio0220 1]

Quase certeza que ó problema é pela altura da div conteudo que deve estar em AUTO. ou um tamanho menor do que o que está sendo utilizado.

 

Cria assim no codigo css.

 

#Clear {clear = both;}

 

 

depois bota no codigo depois da div conteudo <div id="clear"></div>

 

Se for o que eu estou pensando é isso. mas sem ver o seu código CSS fica meio complicado dar o diagnóstico

[Guilherme_90 33]

Pessoal, olhem então o CSS:

 

OBS: Esse é o estilo só da index, com menu e outras coisas. Os outros estilos é separado por página, exemplo: home.css, contato.css, assim fica melhor, porque PARA MIM é mais organizado e até melhor para editar.

 

/*************************** PADRÕES ***************************/
*{
margin:0;
padding:0;
outline:none;
}

body, html{
background-color:#666;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

img{
border:none;	
}

.erro{
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
       color:red;
}

/*************************** TAGS DE TITULOS ***************************/
h1{
float:left;
margin-left:10px;
}

h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#003366;
padding-left:15px;
padding-top:13px;
}

/*************************** ESTRUTURA DO SITE ***************************/
#estrutura{
width:768px;
background-color:#F3F3F3;
margin-left:auto;
margin-right:auto;
}

/*************************** CABECALHO ***************************/
#cabecalho{
height:375px;
width:768px;
}

#cabecalho #jQuerySlideShow{
width:400px;
height:300px;
float:right;
margin:22px 25px 0px 0px;
}

#cabecalho #googleAdsense{
width:300px;
height:212px;
float:left;
margin:5px 0px 0px 20px;
border:1px solid red;
}


/*************************** MENU ***************************/
.menu{
width:405px;
height:27px;
float:right;
margin-right:25px;
       margin-top:15px;
list-style:none;
}

.menu li{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

.menu li a{
float:left;
text-decoration:none;
color:#666;
padding:8px 8px 8px 8px;
}

.menu li a:hover{
background:url(img/img-linkAtivo.png);
       color:#FFF;
}

#linkAtivo{
       background:url(img/img-linkAtivo.png);
       color:#FFF;
}

/*************************** CONTEUDO ***************************/
#conteudo{
height:100%;
       overflow:hidden;
}

/*************************** RODAPE ***************************/
#rodape{
       width:768px;
       height:44px;
       margin-top:50px;
       background:url(img/img-rodape.jpg) repeat-x;
       border:none;
       margin-left:auto;
       margin-right:auto;
       clear:both;
}

#rodape #rodapeConteudo{
width:300px;
height:36px;
margin-left:auto;
margin-right:auto;
}

#rodape #rodapeConteudo p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#069;
text-align:center;
}

#rodape #rodapeConteudo img{
border:none;
}

[Evandro Oliveira 331]

1. Tem DIV demais aí. Tenta assim:

 

<p id="rodape">
   Desenvolvido por: <strong>Guilherme Nogueira</strong> e
   <a href="http://www.gigro.com">
       <img src="estilo/img/gigro_escuro.png" width="74" height="17" alt="Gigrô - Serviços Interativos" title="Gigrô - Serviços Interativos" />
   </a>
</p>

 

#rodape {
   background: url('img/img-rodape.jpg') repeat-x;
   border: 0;
   clear: both;
   color: #069;
   font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
   height: 36px;
   margin: 50px auto 0 auto;
   padding: 8px 0;
   text-align: center;
   width: 300px;
}

 

2. Siga as dicas desse link.

[Guilherme_90 33]

Agradeço muito sua ajuda, mas teu código não funcionou como desejado.

Tem que haver um jeito de arrumar isso, eu vou conseguir. Mais tá f***!

 

hehehehe

 

Resolvido.

[Henrique Barcelos 290]

#rodape{
       width:768px;
       height:44px;
       margin-top:50px;
       background:url(img/img-rodape.jpg) repeat-x;
       border:none;
       margin-left:auto;
       margin-right:auto;
       clear:both;
}

 

Remova o margin-top dessa div e adicione um padding-bottom de mesmo valor na div#conteudo