Ir para conteúdo

Arquivado

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

victeo

Footer não fixa no fim da página

Recommended Posts

Olá, primeiro post aqui, hehe. Espero não estar descumprindo nenhuma regra do fórum.
Bem, o meu problema é algo meio sobrenatural... Estou criando um layout wordpress localmente e quando fui subir os arquivos algo misterioso aconteceu! :o O rodapé não fica fixo no final da página e fica um baita de um espaço em branco quando tem pouco ou nenhum conteúdo na página!!!
Localmente funciona perfeitamente mas no servidor se comporta de forma diferente... Não sei o que é! Já queimei todos os meus poucos neurônios!
Peço ajuda! Já não sei o que fazer... :wacko:

O código do footer:

<?php
	wp_footer();
?>
<div class="footer">
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
      <ul class="nav navbar-nav">
		<?php if ( has_nav_menu( 'main-menu' ) ) :  wp_nav_menu( array( 'theme_location' => 'main-menu' )); else: wp_page_menu(); endif; ?>

        
      </ul>
     
      
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
	<div class="container">
    	<div class="row">
            <div class="rodape col-md-6">
            
            <img src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/imgs/logo1.png" width="30%" height="10%"> 
            <h6>Copyright © 2015 - Todos os direitos reservados -<a href="<?php echo get_option('home') ?>"> <?php bloginfo('name') ?></a></h6>
            
            <h6>Todo o conteúdo deste site é de uso exclusivo da OSCEIA</h6>
            
            
            
            </div>
            <div class="rodape"></div>
            <div class="redessociais col-md-6">
            	<figure><a href="https://www.facebook.com/centroespiritairmaoaureo" target="_blank"</a><img  class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364580_facebook.png"></figure>
                <figure><a href="https://plus.google.com/u/0/108667447876518100236/posts" target="_blank"</a><img  class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364573_google-plus.png"></figure>
                <figure><a href="https://www.youtube.com/channel/UC4Zy_fLVz2ulmi5abbkBdqg" target="_blank"</a><img  class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364586_youtube-2.png"></figure>
                <figure><a href="callto:aprendisosceia"</a><img  class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364583_skype.png"></figure></a>
                

			</div>
							
		</div>
    </div>
</div>
    
</body>
</html>

O css é:

.conteudo{
	text-align: justify; 
	font-family: "Lato";
	font-size:1.2em;
	
}
.footer {
	position:relative;
	bottom:-17px;
	width:100%;
	background:#333;
	
	} 

Desde já agradeço a atenção!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Foi uma tentativa, hehe. Pq nada que eu testei surtiu efeito.

Mas eu encontrei o problema! É a coisa mais sem sentido do universo! O menu tem um sub menu com vários links e a página estava meio que reservando já o espaço!

Mas obrigado pela atenção! Agradeço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ment0r
      Boa tarde pessoal, tudo bem?

      É possível remover o cabeçalho e rodapé da impressão de uma página html via php, css ou javascript? Já adianto que não gostaria de gerar pdf, mas sim saber se é possível remover ou não.
      Obrigado a todos.
       

    • Por a52
      Boa tarde. Estou tentando imprimir rodapé de forma fixa em todas as páginas. Com o código abaixo eu consigo fazer, porém, acaba sobrescrevendo algumas linhas da tabela. Tentei utilizar @pages mas lendo sobre o assunto descobri que nas versões mais recentes do chrome já não funciona mais.
       
      <style type="text/css" media="print">     table { page-break-inside:auto; margin-bottom: 10px; }     tr    { page-break-inside:avoid; page-break-after:auto; }     thead { display:table-header-group }     tfoot { display:table-footer-group }     /* .fixedhh td { height: 50px; } */     div.footer {         display: block;         position: fixed;         bottom: 0;         /* height: 45px; */     }          /* @media print {         div#pages {             display: table-footer-group;             counter-increment: page;         }         div#pages:after {             content:"Página " counter(page);          }     } */ </style> <div class='footer'> <label style='font-family:verdana;font-size:10px;font-weight:bold;'>Assinatura: ________________________________________________<br>Por ser verdade, assino e dou fé ao presente documento</label> <div id='pages' class='pages'></div> </div>   É um código legado que armazena todo o conteúdo numa tag $html em php e depois imprime na tela. Existe alguma outra alternativa para esse caso? Obrigado pela atenção.    
    • Por zetabyte00
      Tenho um página HTML em que quando atribuo "opacity: 0.8;" a tag <footer>. 
      Eu não consigo atribuir "opacity: 1;" aos outros elementos (<div> e <img> por exemplo) dentro da referida tag <footer>.
       
      Ou seja, eu quero a tag <footer> opaca, mas quero eliminar a opacidade dos elementos dentro desta tag. Como soluciono isto?
       
    • Por vicentepc
      Prezado(a)s:
      Estou tentando imprimir conteúdo de questões em duas colunas dinâmicas via php, mas gerando html, sendo que no final de cada página deve-se imprimir um rodapé centralizado na página. Esse rodapé não deve ser impresso nas duas colunas. Conforme o exemplo da imagem a seguir:
      A imagem apresenta um rodapé sendo impresso de forma errada e só é impresso na primeira página. Note que esse rodapé deve ser impresso em toda a extensão da página e as questões devem ser impressas em duas colunas dinâmicas.
      Utilizo um loop para obter as informações de cada questão em php, sendo que esse conteúdo está dentro de uma div definida com a classe two (css). Segue os respectivos códigos.
      <?php echo '<link rel="stylesheet" href="sigaiws_arquivoCSSphp.php"/>'; echo '<html>'; echo '<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'; include "adodb/adodb.inc.php"; include "sigaiws_conectaAdodb.php"; if (isset($_GET['prova'])) { $identificacao = $_GET['prova']; $sql = "select questoesprova.numeroQuestao, professor.matricula, professor.nome, disciplina.codigoDaDisciplina, identificacaoprova.identificacao, identificacaoprova.titulorodape,questoes.alternativaA, questoes.alternativaB, questoes.alternativaC, questoes.alternativaD, questoes.enunciado, questoes.resposta from questoesprova inner join professor on questoesprova.fk_professor = professor.id inner join disciplina on questoesprova.fk_disciplina = disciplina.id inner join identificacaoprova on questoesprova.fk_identificacaoProva= identificacaoprova.id inner join questoes on questoesprova.fk_questoes = questoes.id "; $sql=$sql." where identificacaoprova.identificacao ='".$identificacao."'"; $sql=$sql." order by questoesprova.numeroQuestao"; /*if (!$result->EOF) { //echo '<div align="center"><h3><b>Professor - Matricula : '.$result->fields["matricula"].' - Nome : '.$result->fields["nome"].' - Ano / Semestre : 2018 / 2</b></h3></div>'; } */ echo '<div class="two">'; //id='content text-center'>"."<br>"; //echo "<div id='pageFooter'><br>"; $result=$conexao->Execute($sql); $rodape=""; if (!$result->EOF) $rodape=$result->fields["titulorodape"]; $result=$conexao->Execute($sql); while (!$result->EOF) { // $texto0="<div><br>"; $texto1=" <h3><b>Questão : ".$result->fields["numeroQuestao"]."</b></h3><br/>"; $texto2=" <b>Enunciado</b></br>".$result->fields["enunciado"]."<br/>"; $texto3=" <b>Alternativa A</b></br>".$result->fields["alternativaA"]."<br/>"; $texto4=" <b>Alternativa B</b></br>".$result->fields["alternativaB"]."<br/>"; $texto5=" <b>Alternativa C</b></br>".$result->fields["alternativaC"]."<br/>"; $texto6=" <b>Alternativa D</b></br>".$result->fields["alternativaD"]."<br/>"; // $texto7="</div><br>"; $texto8="<br>"; // $texto9="&nbsp"; // $texto10="<div class='footer'>"; // $texto11=$result->fields["titulorodape"]; // $texto12="</div>"; $textor=""; $textor=$texto1.$texto2.$texto3.$texto4.$texto5.$texto6.$texto8; //$texto9.$texto10.$texto11.$texto12; echo htmlspecialchars_decode($textor); echo "<div class='footer'>".$rodape."</div>"; $result->MoveNext(); } echo "</div>"; // echo "<div style='page-break-inside: avoid;'>".$rodape."</div>"; } //if isset <?php header("Content-Type: text/css; charset=UTF-8"); ?> h1 { text-align: center } count::before { counter-increment: section; content: "\A I am flag " counter(section) ".\A "; font-weight: bold; white-space: pre; } @media print { .two { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } .one { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } input[type="button"] { display: none } } .footer { column-count: 1; position: fixed; text-align: center; bottom: 0; } .genClass5667 { } html { position: relative; min-height: 100%; } body { margin: 0 0 60px; /* bottom = footer height */ } Por favor, me ajudem. 
      Um abração a todos!
    • Por rafinhafv
      Preciso criar esse rodapé no site e não consigo criar... alguem pode me auxiliar?

×

Informação importante

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