No muestra el footer

manelmanel8 · #1 (**permalink**) 29/08/2013, 12:39

No entiendo porque el footer no me lo muestra, si lo pongo fuera del container si lo muestra con un scroll. En cambio dentro del container no hay forma. Si lo cambio de lugar tampoco. Dejo los codigos

Css

Código PHP:

  #footer {  min-height:70px;  margin-top:20px;  background-color:#000000;}

php

Código PHP:

 
        <div id="wrapper">
        <div id="container">
            <?php include("header.php")?>
            <div id="bigpicture">
                <img src="img/home/foto_gran.jpg" width="955" height="333" />
            </div>
            <div id="boxes">
                <div id="box" class="box1"><a href="index.php"><div id="picture"></div></a></div>
                <div id="box" class="box2"><a href="index.php"><div id="picture"></div></a></div>
                <div id="box" class="box3"><a href="index.php"><div id="picture"></div></a></div>
            </div>
            <div id="footer"></div>
        </div> <!--container-->                   
    </div> <!--wrapper-->

pzin · #2 (**permalink**) 29/08/2013, 12:42

Si dejas algún código, que sea funcional para reproducir el error, porque eso tal cual está, se mostrará bien, luego no sabemos cual es el problema.

Publica el mínimo código posible (HTML y CSS, no PHP) donde se reproduzca el fallo.

manelmanel8 · #3 (**permalink**) 29/08/2013, 12:48

Pero no muestra ningun fallo, lo que me estraña es que si pongo el footer fuera del container si que funciona...

Código PHP:

  body { 
    height:100%; 
    background:url(../img/background.jpg); 
    font-family:Helvetica, Arial, sans-serif; 
    font-size:0.8em; 
    font-weight:normal; 
    color:red; 
    text-align:left; 
} 
 
#wrapper { 
    width:100%; 
    height:100%; 
    position:absolute; 
    overflow:auto; 
    margin:0; 
} 
 
#container { 
    position:relative; 
    width:955px; 
    overflow:auto; 
    margin:0 auto; 
    margin-top:20px; 
} 
 
#header { 
    width:955px; 
    height:152px; 
    padding:0; 
} 
 
#menu { 
    width:955px; 
    height:100%; 
    background:url(../img/menu.png) repeat-x; 
    text-transform: uppercase;  
    font-weight:bold; 
} 
 
#menu ul { 
    list-style:none;  
    margin:0;  
    padding: 0 0 0 230px; 
    height:20px; 
} 
     
#menu li { 
    float:left;  
    padding:65px 20px 65px 20px;    
    color:#d4d5d9; 
    line-height: 20px; 
} 
 
#menu li:hover{ 
    color: #ffad00;     
    display:block;     
    text-decoration:underline; 
    font-weight:bold; 
} 
 
.separation    {background: url(../img/separation.png) no-repeat; background-position: right;} 
 
#bigpicture { 
    width: 955px; 
    float:left; 
    margin-top:20px; 
} 
 
#boxes { 
    width:955px; 
    height:332px; 
    float:left; 
    margin-top:20px; 
} 
 
#box { 
    float:left; 
    width:304px; 
    height:332px; 
} 
 
.box1 {background:url(../img/home/blue.png) no-repeat;} 
.box2 {margin-left:20px; background:url(../img/home/red.png) no-repeat;} 
.box3 {margin-left:20px; background:url(../img/home/green.png) no-repeat;} 
 
.box1 a #picture, .box2 a #picture, .box3 a #picture {width: 304px; height: 332px;} 
 
#footer {  min-height:70px;  margin-top:20px;  background-color:#000000;}

Código PHP:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>wens film</title> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
</head> 
<body> 
    <div id="wrapper"> 
        <div id="container"> 
            <?php include("header.php")?> 
            <div id="bigpicture"> 
                <img src="img/home/foto_gran.jpg" width="955" height="333" /> 
            </div> 
            <div id="boxes"> 
                <div id="box" class="box1"><a href="index.php"><div id="picture"></div></a></div> 
                <div id="box" class="box2"><a href="index.php"><div id="picture"></div></a></div> 
                <div id="box" class="box3"><a href="index.php"><div id="picture"></div></a></div> 
            </div> 
            <?php include("footer.php")?>   
        </div> <!--container-->                    
    </div> <!--wrapper--> 
</body> 
</html>

manelmanel8 · #4 (**permalink**) 29/08/2013, 13:24

Estado haciendo pruebas se me queda detras de la imagen grande, no lo entiendo.

ArturoGallegos · #5 (**permalink**) 30/08/2013, 15:35

jaja parece que pzin le habla a oídos sordos, no entendiste o no leíste que debes mostrar el código necesario para que nosotros recreemos el problema? de nada nos sirve que pongas código si lo haces con php ya que desconocemos que es lo que genera ese php.

también trata de usar el highlight correcto.