Logo Forum SatellaSoft

Problemas com Rodapé

Por: Ruan Almeida Data: 05/10/2017 Hora: 17:36:40 Acessos: 89

Olá Boa Tarde,

Estou tendo problema em configurar o rodapé da minha página eu já forcei usando Position: Absolute, porém não fica a mesma coisa. Com isso peço que alguém possa me ajudar e verificar onde está o erro. Desde já agradeço.

PAINEL.PHP

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title> Postou Vende - Painel</title>
        <meta charset="UTF-8">
        
        <link href="../bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <script src="../js/jquery-3.2.1.min.js" type="text/javascript"></script>
        <script src="../bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
        <link href="css/Style.css" rel="stylesheet" type="text/css"/>
        <link rel="shortout icon"  href="../img/favicone.ico"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

    </head>
    <body>
        <div id="dvPainel" class="centralizada">
            <div class="row">
                <div class="col-lg-12" id="dvTopo">
                    <div id="dvlogoTopo" class="alingCenter">   
                        <a href="Painel.php"><img src="../img/FundoClaro.jpg" alt="Logo Postou Vende"/><a/>
                    </div>
                    <div id="dvMenuTopo" class="alingCenter">
                        <ul id="ulMenu">
                            <li><a href="Painel.php">Inicio<a/><li/>
                            <li><a href="?pagina=usuario">Usuário<a/><li/>
                            <li><a href="?pagina=classificado">Classificados<a/><li/>
                            <li><a href="?pagina=categoria">Categoria<a/><li/>  
                            <li><a href="?pagina=contato">Contato<a/><li/>
                            <li><a href="?pagina=sair">Sair<a/><li/>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
                
            </div>
            
            
            <br/>
            <div class="row">
            <div class="col-lg-12" id="dvConteudo"> 
                <?php
                require_once("../Util/RequestPage.php");
                ?>
                <div class="clear"></div>       
            </div>               
            </div>
            </div>        
       <div id="dvRodape" class="col-lg-12"> 
    <div class="centralizada"> 
        <div class="col-lg-6 col-xs-12 alignCenter"> 
                    <p>&copy; Postou Vende - Todos os Direitos Reservados</p> 
                </div> 
                  
                <div class="col-lg-6 col-xs-12 alignCenter"> 
                    <a href="#">Facebook</a><br /> 
                    <a href="#">Twitter</a><br /> 
                    <a href="#">YouTube</a><br /> 
                    <a href="#">Instagram</a><br /> 
                </div> 
</div> 
</div>
    </div>
    </body>
    
</html>

___________________________________________________/////______________________________________________________________

STYLE.PHP

/*Elements */
*{
    margin:0 auto;
    padding:0;
    
}
body{
    background-color:#ccc;
}
ul{
    list-style:none;
    
}
/*Class*/
.centralizada{
    max-width:1280px;
}
.alingLeft{
    text-align: left;
}

.alingCenter{
    text-align: center;
}

.alingRight{
    text-align: right;
}

.alingJustify{
    text-align: justify;
}
.clear{
    clear:both;
}
/*ID*/
#dvPainel{
    width:100%;
    background-color:#FFFFFF;
    min-height:100vh;
    }
    #ulMenu{
        background-color:#03A9F4;
    }
    
    #ulMenu li{
       display:inline;
       font-size:1.125em;
       color:#607D8B;
         
    }
    
     #ulMenu li a:hover{
      background-color:#1b6d85;
      color:#FFFFFF;
    }
    
     #ulMenu li a{
       color:#212121;
       text-decoration:none;
       padding:2px 5px;
       display:inline-block;
    }
    #dvlogoTopo img{
        padding:5px;
    }
    #dvConteudo{
        margin:10px;
    }
    #dvRodape{
    background-color:#607D8B;
    border-top:0px solid #eee;
    
}
.dvRodape{
    text-align:center;
    font-size:16px;
    color:#333;
}

   #dvRodape a{
    color:#212121;
}
 

 

 


Imagem tópico


Fechado! O autor deste tópico marcou como resolvido.

Gunnar Correa

Entrou: 08/07/2017

Pontos: 16

Perguntas: 2

Respostas: 4

Se você tivesse utilizado a ferramenta CODE no editor, ficaria mais legivel seu código, assim a solção seria mais rápida.

Enfim...

Dua DIV do rodapé não esta dentro de uma linha <div class="row"></div>, e o seu CSS está acessando um elemento através do atributo class, ao invés de ID.

    #dvRodape{
    background-color:#607D8B;
    border-top:0px solid #eee;
    
}

.dvRodape{
    text-align:center;
    font-size:16px;
    color:#333;
}

   #dvRodape a{
    color:#212121;
}

 


Ruan Almeida

Entrou: 05/10/2017

Pontos: 15

Perguntas: 3

Respostas: 3

Muito obrigado consegui resolver fiz uma revisão toda do codigo passo á passo e consegui resolver meu problema, desde já agradeço pela ajuda.




Carlos Leonardo

Entrou: 04/10/2017

Pontos: 12

Perguntas: 3

Respostas: 2

Ruan, estava com um problema parecido com o teu e me recomendaram fazer estas alterações. Tente, quem sabe, dará certo:

 

Boa tarde, Carlos

Me parece que você não está usando uma div com a class row para as divs de colunas.

Tente fazer a seguinte alteração.

 

<div id="dvRodape">

    <div class="row">

               <div class="col-md-6 col-xs-12 alignCenter"> 

                    <p>&copy; Brasil Classificados - Todos os Direitos Reservados</p>

                </div>

                  

                <div class="col-md-6 col-xs-12 alignCenter">

                    <a href="#">Facebook</a><br />

                    <a href="#">Twitter</a><br />

                    <a href="#">YouTube</a><br />

                    <a href="#">Instagram</a><br />

                </div>

</div>

</div>

 


Ruan Almeida

Entrou: 05/10/2017

Pontos: 15

Perguntas: 3

Respostas: 3

Vou te falar fiz ass alterações e ainda não resolveu, estou quaser refazendo tudo de novo.




Gunnar Correa

Entrou: 08/07/2017

Pontos: 16

Perguntas: 2

Respostas: 4

Ruan, verifique este post: http://forum.satellasoft.com/index.php?topico=rodap-da-pgina-painel-php-14, nele outro usuário estava com uma dúvida parecida e a solução vai ser a mesma para você. Está faltando a class row.


Ruan Almeida

Entrou: 05/10/2017

Pontos: 15

Perguntas: 3

Respostas: 3

Fiz a alteração mesmo assim nada ainda.






Forum SatellaSoft - Todos os Direitos Reservados.

SatellaSoft - Todos os Direitos Reservados.

Contato Sobre Termos de uso SatellaSoft