Problem with positioning of include.php

2

I'm having a problem with the footer placement I made with include.php .

I created a include.php file, so the only thing I have in it is box of where the footer will be since I'm still testing.

I'm calling it at the end of every page, always before body .

<?php include "rodape.php"; ?> 

The problem is that in only one of the pages it is positioned at the end, in the others it appears in several places, at the top, down a little, and in others it does not even appear.

Someone could tell me what it can be, if I need a snippet of code I can put it here.

- > The html of one of the pages that is giving the problem:

<!DOCTYPE HTML>
<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    <Title>Portfolio - Julio Cesar </title>

    <link href="style.css" rel="stylesheet" type="text/css" />

    <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,300,100' rel='stylesheet' type='text/css'>

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700,400' rel='stylesheet' type='text/css'>

    <!--
    <script type="text/javascript" src="javaScript.js"></script>
    -->
</head>
<body>

    <div class="Conteiner"> <!--- INICIO CONTEINER-->   

    <header>    

        <div class="meu_logo">
            <a href="Index.php">Julio Cesar</a>
        </div>  

        <div id="caixatopo"></div>  


        <nav class="menu">
        <ul>
            <li><a href="projetos.php">Projetos</a></li>
            <li><a href="Process.php">Processo</a></li>
            <li><a href="About.php">Sobre</a></li>
            <li><a href="Contact.php">Contato</a></li>
        </ul>
        </nav>

    </header>   

        <div class="titulo_proclinica">
            <p>FATOR CLEAN <p>
        </div>


        <div class="categoria_fclean">
            <p>Web Design<p>
        </div>

        <div class="fator_imac1">
            <img src="imagens/fator_celan/fator imac1.png" />
        </div>  

        <div class="fator_imac2">
            <img src="imagens/fator_celan/fator imac2.png" />
        </div>  

        <div class="boxmarrom_1"></div>

        <div class="icones">
            <img src="imagens/fator_celan/icones.png" width="960px"  height:"auto"/>
        </div>

        <div class="fator_imac3">
            <img src="imagens/fator_celan/fator imac3.png" />
        </div>
    </div> <!--- FIM CONTEINER-->


    <?php include 'rodape.php'; ?>
</body>  

The code for the include file:

<div class="box_rodape"></div>

The CSS site is great, I do not know if I could put it here.

- > Footer CSS, which is the div class box_rodape :

.box_rodape {
     background-color: rgb( 250, 31, 32 );
     left: 0;
     width: 960px;
     height: 300px;
     z-index:9999;   
}
    
asked by anonymous 04.04.2015 / 21:49

1 answer

1

The CSS you posted does not say whether the box has relative or absolute position or any other.

Z-index only works if some position is declared. And if it is position: absolute it should be relative to its parent that should have position: relative .

If body is your relative you can try 2 things:

  • One is to give height: 100% in body
  • The other, most recommended, is to use a technique called Stick-Footer . Play this on Google and you'll learn quickly.
  • 04.04.2015 / 22:35