Tema: Altura dinámica de un div
Ver Mensaje Individual
  #14 (permalink)  
Antiguo 06/08/2010, 14:43
Avatar de jomaruro
jomaruro
Colaborador
  
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Altura dinámica de un div
Hola:

Cita:
Iniciado por TheDark03 Ver Mensaje
...a mi me funciona correctamente tanto en el chrome firefox e IE y opera
¿Te funciona? ¿Con el <style> fuera del <head>?

Cita:
Iniciado por bNd170 Ver Mensaje
Mi CSS está cargadito en el hosting y funcionando pefectamente.
¿Perfectamente? Entonces ¿Dónde está tu duda?

Como no pones tu código completo he interpretado que necesitas algo así:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <title>
  6.             Altura Dinámica
  7.         </title>
  8.  
  9.         <style>
  10.             *{
  11.                 margin: 0;
  12.                 padding: 0;
  13.             }
  14.             
  15.             p {
  16.                 margin:5px;
  17.                 text-align:justify;
  18.             }
  19.  
  20.             #contenedor{
  21.                 width:1040px;
  22.                 height:auto;
  23.                 margin:0 auto;
  24.                 background-color: #f00;
  25.                 overflow:auto;
  26.             }
  27.  
  28.             .menu{
  29.                 margin:5px;
  30.                 width:25%;
  31.                 background-color: #00ff00;
  32.                 float:left;
  33.             }
  34.  
  35.             .cuerpo{
  36.                 margin:5px;
  37.                 float:left;
  38.                 width:73%;
  39.                 background-color:#0000ff;
  40.             }
  41.         </style>
  42.     </head>
  43.     
  44.     <body>
  45.         <div id="contenedor">
  46.             <div class="menu">
  47.                 <ul>
  48.                     <li>Opción 1</li>
  49.                     <li>Opción 2</li>
  50.                     <li>Opcion 3</li>
  51.                 </ul>
  52.             </div>
  53.             <div class="cuerpo">
  54.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a mauris enim. Donec faucibus dapibus adipiscing. Sed gravida lorem ac ligula molestie eleifend. Vestibulum adipiscing, lorem vitae tincidunt rutrum, magna justo aliquet dui, a tincidunt augue purus eu lectus. Vestibulum vitae est vitae arcu posuere eleifend. Curabitur est lectus, ornare sed lobortis sit amet, viverra ut turpis. Aliquam erat volutpat. Mauris pharetra nibh ac magna laoreet at pretium nisi blandit. Integer sed lacus ornare quam varius aliquet ac in erat. Aliquam sollicitudin sodales blandit. Etiam vel consequat turpis. Etiam dictum est at diam convallis eget aliquet eros blandit. Aliquam ante augue, convallis ut tincidunt non, pretium in metus. Curabitur consectetur, nisi eu vestibulum rutrum, orci mauris auctor diam, vitae condimentum nisl lorem sit amet tortor. Ut a lorem nibh. Cras et ligula fringilla dui consequat scelerisque. Pellentesque ut consequat nisi.</p>
  55.                 <p>Pellentesque in lectus vel eros mattis lacinia quis at quam. Donec nisl leo, ornare eu varius et, egestas a arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut nisl sed justo aliquam rutrum. Aliquam ac dui ac risus blandit semper. Donec ac tellus ligula. Sed vel accumsan nisi. Nam eget eros at turpis fringilla sodales vel eu felis. Integer sed felis nulla. In viverra mauris at lacus adipiscing eu tristique augue dictum. Sed interdum ullamcorper justo, sed aliquet urna imperdiet vitae. Nunc sed adipiscing nisl. Donec faucibus felis ut leo feugiat tempor. Quisque odio urna, aliquam sed pretium ut, pellentesque id arcu. Morbi bibendum, velit ac tempus posuere, risus eros tempor lectus, ut pellentesque lectus elit nec neque. Quisque ut ligula diam. Nulla fringilla varius elit ac hendrerit. Pellentesque ligula risus, scelerisque sit amet pellentesque venenatis, dignissim a lectus. Praesent quis magna et tortor iaculis porttitor a et mi.</p>
  56.                 <p>In convallis molestie tortor, sed vehicula erat posuere in. Duis quis tellus at tellus posuere fringilla. Nunc auctor pharetra porta. Aliquam purus tellus, tempor nec imperdiet ac, ullamcorper a enim. Aliquam erat volutpat. Donec tincidunt semper tempor. Pellentesque dolor velit, tincidunt a luctus vulputate, luctus id purus. Integer interdum posuere luctus. Donec rutrum nunc vel metus elementum id dapibus libero interdum. Nunc odio quam, aliquam pretium elementum in, ornare eu lectus. Aenean non ligula lectus. Fusce aliquet lectus sit amet velit rutrum sodales. Donec non sem dolor, a mollis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel eros lorem.</p>
  57.                 <p>Duis vehicula egestas hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In consectetur scelerisque quam, cursus porttitor diam blandit ac. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Sed a quam mauris, in porta odio. Duis erat sem, rhoncus adipiscing rutrum vel, tempus nec quam. Integer hendrerit dignissim urna, ac viverra nulla interdum eget. Duis auctor posuere quam, et euismod leo elementum vel. Integer tincidunt est a elit suscipit quis elementum ligula fermentum. Morbi ultricies nibh facilisis turpis consequat tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent auctor tempor nisl ac imperdiet. Quisque eget urna venenatis mauris porta porta. Fusce arcu enim, eleifend sed rutrum id, ultrices eget velit. Proin sit amet mauris vel elit venenatis adipiscing et vitae sapien. Mauris vel arcu in nibh cursus convallis bibendum ac elit.</p>
  58.                 <p>Ut dignissim elementum lectus, in ultricies orci cursus id. Morbi sapien lectus, rhoncus eleifend tempor ultricies, bibendum id eros. Suspendisse id sagittis velit. Aliquam adipiscing mattis elit, eget euismod orci venenatis sit amet. Fusce nec felis quis ante pretium ullamcorper. In tortor lacus, lacinia eu rhoncus faucibus, fringilla ac leo. Pellentesque in arcu purus, non molestie elit. Nullam non risus et ligula luctus convallis. Suspendisse erat nisl, porta vel ultricies in, mollis at tortor. Aliquam pretium tincidunt urna vitae porttitor. Morbi ullamcorper nunc at mi varius ac varius augue gravida. Etiam a ullamcorper metus. Vivamus at massa erat, vel rhoncus nibh. Donec nec arcu metus. Etiam id tortor vel risus adipiscing aliquam.</p>
  59.             </div>
  60.         </div>
  61.     </body>
  62. </html>

Pruebalo y me cuentas ¿Ok?

Saludos.