Comunidad de diseño web y desarrollo en internet online

height automatico

Citar            
MensajeEscrito el 21 Jun 2007 09:55 am
¿Cómo puedo hacer para que la página vaya alargándose automaticamente, segun, cuánto contenido tenga?
he probado de diferentes maneras.
Esto es lo ke tengo:

Código :

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#container   {margin-left:auto;
         width:752px;
         margin-right:auto;
         background-color:#006600;
         height:100%;
         }
         
#arriba   {position:relative;
      top:0px;
      left:0px;
      width:752px;
      height:150px;
      overflow:hidden;
      background-color:#006600;   
      }
#abajo   {position:relative;
            top:0px;
            left:0px;
            width:752px;
            height:100%;
            background-color:#9900FF;   
            }
#cont_foro   {position:relative;
         top:0px;
         left:65px;
         width:626px;
         height:auto;
         background-color:#FFFF00;
         }


</style>
</head>

<body>
<div id="container">
      <div id="arriba">esta es una parte con un contenido fijo</div>
      <div id="abajo">esta es la parte de abajo. Dentro de esta hay otro contenedor, donde irá la información que irá variando. puede ser más largo o más corto
            <div id="cont_foro">informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
                           informacion <br>
            </div>
      
      </div>


</div>

</body>
</html>


Y así me funciona bien. El problema es que cuando meto dentro de la capa cont_foro, otras divs, se amplia "cont_foro", pero "abajo" no.

Si alguien me puede ayudar...
gracias!

Por Araitz

42 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 21 Jun 2007 12:05 pm
No sé cual es el problema, he estado probando y no pasa nada de lo que dices, cuelga algún ejemplo.
Aunque lo primero que he probado ha sido poner en DTD, se tiene que poner siempre.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 21 Jun 2007 12:54 pm
No entendí nada.

Un div normalmente "crece" según el contenido, no hay que hacer nada. Más bien si le pones altura lo limitas.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 21 Jun 2007 06:15 pm
Si, quiza si quitas el height se solucione tu problema... o explícate mejor...

Por buzu

163 de clabLevel



 

Los Angeles, California

firefox
Citar            
MensajeEscrito el 21 Jun 2007 10:32 pm
overflow? I'm lost.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 22 Jun 2007 08:36 am
Me intento explicar mejor:
así, tal y como lo puse, funcionaba bien, sin problemas. El problema es cuando empiezo a meter otras divs dentro de "cont_foro", ke se estiran bien las capas, "cotn_foro" se ve más grande que la capa de abajo y la container.
mirar aki:

http://www.auditoriobaranain.com/pueba/capas/froga.htm

Por Araitz

42 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 22 Jun 2007 11:18 am
¿Para que le pones a .gaia_kont top:20px;? cuando lo quito ya no hay problema.
Para conseguir el mismo efecto usa padding-top:20px; en .cont_foro.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 22 Jun 2007 02:35 pm
Tienes todo ese CSS mal.

Ahí no necesitas para nada ni position, ni top, ni left, ni alturas, ni overflow. Amenos que quieras hacer algo específico que no se que es, deberías poner una imagen de lo que quieres.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 22 Jun 2007 02:53 pm
tengo entendido que quieres una página liquida, supongo que eso se logra colocando dentro de un div o una tabla, si es un div tendrias que colocarle el with y height margin en auto. De todas formas si quieres puedes explicar mejor eso.

Por onnasama

325 de clabLevel

1 tutorial

 

firefox
Citar            
MensajeEscrito el 25 Jun 2007 02:28 pm
Gracias Ramm, ahora entiendo realmente el sentido del overflow, top y left. Pensaba ke siempre había ke ponerlo.
Y gracias ryuz, por lo de padding-top.
Ahora ya me sale lo ke keria.

Por Araitz

42 de clabLevel



Genero:Femenino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.