Comunidad de diseño web y desarrollo en internet online

altura del div ajustandose al contenido

Citar            
MensajeEscrito el 19 Feb 2009 01:05 am
hola a todos, soy otro de los tantos que de a poco estan dejando de lado las tablas para entrarle de lleno a los divs, pero tengo una duda respecto a el caso en los que el contenido excede la altura del div que contiene, q propiedad debo ponerle a ese div?? tengo que hacer un div segun la altura de la seccion? y en el caso de contenidos dinamicos?

les dejo un ejemplo de una web que estoy construyendo:

Código :


<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >


<div id="content">
  <div id="cabecera"></div>
  <div id="menu">  </div>
  <div id="contenido"></div>
  <div id="pie"></div>
</div> 

</body>


y el css

Código :

   #content {
    text-align:left;
    margin:auto;
    background-color:#000000;
    width:940px;
    height:800px;
   } 
   
      #cabecera {
    width: 800px;
    height:137px;
    background-color:#000000;
   }

   #menu {
   width:940px;
   height:30px;
   float:left;
   background-color:#000000;
   background-image: url(imgs/bg_menu.gif);
   background-repeat: repeat-x;
   text-align:right;
   }
   



   #contenido {
    width:940px;
    height:650px;
    float:left;
   background-color:#000000;
   background-image: url(imgs/bg_cont.gif);
   background-repeat: repeat-x;
   border-left: 1px solid #1b1b1b;
   border-right: 1px solid #1b1b1b;
   }

   #pie {
   clear:both;
   width:940px;
   height:90px;
   background-color:#000000;
   background-image: url(imgs/bg_pie.jpg);
   background-repeat: no-repeat;
   border-left: 1px solid #1b1b1b;
   border-right: 1px solid #1b1b1b;
   } 



o sea el div "contenido es el de la cuestion, que me recomiendan?

agradezco muchisimo su ayuda desde ya

Por ANDRESCABEZA

13 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Feb 2009 02:16 pm
Tienes que quitar la altura, si el contenido se pasa de esa altura el div no crecera, puedes especificar una altura minima, en ves de usar height, reemplazalo por min-height:650px; lo mismo para los otros divs que les pongas altura y sabes que el contenido puede variar, es preferible que uses un min-height.

IE6 no acepta min-height, pero el height lo trata como tal (cosas locas), en la hoja de estilos de IE6 solamente, puedes definir la clase con el height.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox
Citar            
MensajeEscrito el 19 Feb 2009 04:05 pm
muchas gracias por tu respuesta drarock, voy a probar lo que me decis

Por ANDRESCABEZA

13 de clabLevel



 

firefox

 

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