Autor Tema: [Duda] min-height en FireFox  (Leído 881 veces)

Desconectado judoka

  • PHPero Avanzado
  • ****
  • Mensajes: 255
  • Karma: 4
  • Sexo: Masculino
  • Programando hasta lo mas alto.
    • Ver Perfil
[Duda] min-height en FireFox
« en: 18 de Diciembre de 2011, 15:21:16 pm »
Bueno, como dice el titulo.. tengo un problema con el atributo "min-height" en firefox, no funciona.
En fin, así se ve en Chrome:

Y así en Firefox:

(Lógicamente quiero que quede como en Chrome).
Ya he probado con lo de:
Código: [Seleccionar]
min-height:100%
height: auto !important;
height: 100%;
y nada, no funciona...

CSS:
Código: [Seleccionar]
* {margin:0px auto;padding:0px;outline: 0px;}

html, body {
   font: 100% Arial, Helvetica;
   color: #333;
   background: #FFF url(../images/fondo.png) repeat-x;
   outline: 0;
   } 

html { height: 100%; }
body { min-height: 100%; height: 100%; }
#pagina_contenedor{
min-height:100%;
height:auto !important;
height: 100%;
margin:0px auto;padding:0px;outline: 0px;

}
#top_nav{
height:22px;
width:0 auto;
background: #404040;
color:white;
padding:5px;
padding-left:15px;
border: #161616 1px solid;
border-top: 0px;
}
#navbar {
   text-shadow: 0px 0px white, 1px 1px #333;
   margin:0 auto;
   margin-top:20px;
   padding:0px 5px;
   text-transform:uppercase;
   font-size:12px;
   border:1px solid #4c7d04;
   
   background: -webkit-linear-gradient(#88e007, #78c800);
   background: -moz-linear-gradient(#88e007, #78c800);
   background: -o-linear-gradient(#88e007, #78c800);
   
   -moz-border-radius-top-right: 5px;
   -moz-border-radius-top-left: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   behavior:url(../scripts/border-radius.htc);
   }

#block{
width:80%;
}

#contenedor{
width:78.4%;
    background: #ececec;
border:1px solid grey;
border-top:0px;
border-bottom:0px;
padding:10px;
padding-bottom:5px;
overflow: hidden;
height:auto !important;
height: 100%;
min-height:100%;
}
#footer{   
   color: #264000;
   font-size:12px;
   padding:5px;
   padding-left:15px;
   padding-right:15px;
   height: 15px;
   border:1px solid #4c7d04;
   
   width:97.7%;
   
   background: -webkit-linear-gradient(#88e007, #78c800);
   background: -moz-linear-gradient(#88e007, #78c800);
   background: -o-linear-gradient(#88e007, #78c800); 
}

Código: [Seleccionar]
<div id="pagina_contenedor" class="clearfloat">
<!-- <div id="top_nav"><img src="images/logo.png" style="margin-top:3px;"></div> -->

<div id="block" class="clearfloat">

  <div id="navbar" class="clearfloat">
    <ul id="page-bar" class="left clearfloat">
      <li><a href="#">Home</a></li>
      <li><a href="#">Descargas</a></li>
      <li><a href="#">Foro</a></li>
      <li><a href="#">Screenshots</a></li>
      <li><a href="#">Noticias</a></li>
    </ul>
  </div>

</div> 

  <div id="contenedor" class="clearfloat">
   
    <div id="page" class="left clearfloat">
     
      <div id="content">
        <h5>Titulo de la secci&oacute;n</h5>
        <div id="notice">
          Esta es otra secci&oacute;n muahahaha xdd <br>
          es expandible
          <p>
            todo lo<br>
            que quieras.
          </p>
           
        </div>
      </div>
     
    </div>
   
    <div id="sidebar" class="right clearleft">
   
      <div id="menu">
        <h5>Templates</h5>
        <div id="content">
          Contenido
        </div>
      </div>
     
    </div>
 
  </div>
 
<div class="clearfloat"></div>

</div>

<div id="footer">
<div class="right">Dise&ntilde;ado por <span class="strong">Guille L&oacute;pez</span></div>
<strong>Great Gamers</strong> template
</div>

¿Alguien me ayuda a que funcione como en Chrome?

Comunidad PHPeros

[Duda] min-height en FireFox
« en: 18 de Diciembre de 2011, 15:21:16 pm »

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:[Duda] min-height en FireFox
« Respuesta #1 en: 18 de Diciembre de 2011, 16:21:09 pm »
Intenta ponerle eso también al body y si acaso un display:block;

Desconectado judoka

  • PHPero Avanzado
  • ****
  • Mensajes: 255
  • Karma: 4
  • Sexo: Masculino
  • Programando hasta lo mas alto.
    • Ver Perfil
Re:[Duda] min-height en FireFox
« Respuesta #2 en: 18 de Diciembre de 2011, 16:34:05 pm »
Nada, lo dejé así y nada:

Código: [Seleccionar]
body { min-height: 100%; height: auto !important; height: 100%; display:block; }

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:[Duda] min-height en FireFox
« Respuesta #3 en: 20 de Diciembre de 2011, 00:53:02 am »
mmm cierto, tambien al body, y no le pongas min-height sollo height, y no le pongas height:auto solo 100%

Desconectado judoka

  • PHPero Avanzado
  • ****
  • Mensajes: 255
  • Karma: 4
  • Sexo: Masculino
  • Programando hasta lo mas alto.
    • Ver Perfil
Re:[Duda] min-height en FireFox
« Respuesta #4 en: 22 de Diciembre de 2011, 09:45:36 am »
Nada, tampoco funciona.
Bueno gracias de todas formas, me resignaré a no ponerlo y punto (:
No era del todo necesario, era algo más bien estético