Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/12/2012, 17:49
tommy_tony
 
Fecha de Ingreso: junio-2012
Mensajes: 46
Antigüedad: 11 años, 10 meses
Puntos: 5
Respuesta: div flotantes con el tamaño de su contenido

Código HTML:
Ver original
  1.     #contenedor{
  2.         background-color:green;
  3.                 width:1000px;
  4.         height:200px;
  5.         }
  6.     .uno{
  7.         background-color:yellow;
  8.         float:left;
  9.     }
  10.     .dos{
  11.         background-color:blue;
  12.         float:left;
  13.     }
  14.  
  15.  
  16. </head>
  17.  
  18.     <div id='contenedor'>
  19.             <div class='uno'>
  20.                     <h1>aqui contendio</h1>
  21.             </div>
  22.             <div class='dos'>
  23.                     <p>aqui mas contenido</p>
  24.             </div>
  25.     </div> 
  26.  
  27. </body>
  28. </html>

Simplemente establece el div con su respectivo contenido y a tal div no le pongas "WIDTH" si deseas que el ancho del div se calcule en base a su contenido y si también deseas que la altura se calcule en base a su contenido no le pongas "HEIGHT".Por cierto se aplica el FLOAT:LEFT a los elementos que deseas flotar no al contenedor.

Saludos.

Última edición por tommy_tony; 12/12/2012 a las 18:03