Ver Mensaje Individual
  #9 (permalink)  
Antiguo 30/05/2009, 06:27
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: No consigo que el div se expanda al 100% de la altura

mira a ver si esta mini-página te sirve de orientación:
Código html:
Ver original
  1. xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3. <title>Jugando con CSS</title>
  4. <style type="text/css">
  5. * {margin: 0; border:0; outline:0; position: relative;}
  6. html, body {
  7. background-color: #f0f0f0;
  8. border: 0;
  9. }
  10. #contenedor{
  11. background: #007f00 url(http://tbn3.google.com/images?q=tbn:9bk_6l3Xr6Y5IM:http://www.galiciacad.com/fotos/hierba06.jpg) repeat-y;
  12. width:700px;
  13. margin:15px auto 0;
  14. overflow:auto;
  15. color:#fff;
  16. }
  17. #menu {
  18. float: left;
  19. width: 135px;
  20. margin-top: 10px;
  21. color: #fff;
  22. }
  23. #contenidos {
  24. float:right;
  25. width: 500px;
  26. padding: 15px;
  27. }
  28. </head>
  29. <div id="contenedor">
  30. <div id="menu">
  31. <p>Lorem ipsum dolor sit amet consectetuer Proin ut et pretium Quisque. Pede ac consequat ante tellus Nulla leo mus ut Pellentesque mauris. Ridiculus orci Aliquam </p>
  32. </div>
  33. <div id="contenidos">
  34. <p>Lorem ipsum dolor sit amet consectetuer vestibulum natoque tellus lacinia auctor. Est Cum Curabitur sed id tellus dui et a nec risus. Elit Vestibulum pede a ante fames semper orci augue ut Sed. Risus justo consequat fermentum congue sapien orci sapien hac augue Mauris. Metus justo quis pede Vivamus pharetra nec pellentesque mauris pede et. Ligula consequat mauris Nam adipiscing at augue ipsum et orci.</p>
  35. <p>Dolor Aenean Pellentesque consequat tortor Aliquam sociis condimentum diam sagittis malesuada. Laoreet nibh nibh Nam Vestibulum facilisi a non Vestibulum Maecenas In. Mauris pulvinar facilisi pretium accumsan adipiscing Cras eget amet Vestibulum Aliquam. Metus Mauris sed turpis enim mi Cras Nam gravida ornare consequat. Lobortis condimentum quis elit Vestibulum lacus ornare ac a vel auctor. Ligula mollis justo Nam Morbi.</p>
  36. <p>Pellentesque enim nisl auctor et dolor gravida pretium mauris egestas et. Sapien neque Aenean sed accumsan a dolor dolor sit vitae et. Netus id semper lacinia dapibus fringilla ante Proin vitae feugiat elit. Ridiculus quis id enim Aliquam id odio est nibh nulla semper. Nibh turpis pretium aliquam aliquam fames vel elit Fusce Integer turpis. Sed elit accumsan at.</p>
  37. <p>Et faucibus tempor Aenean risus mattis felis wisi congue pede pellentesque. Eu tortor nec adipiscing quis semper nisl magna urna Vestibulum Nam. Lorem felis tortor faucibus enim Proin wisi sed rhoncus justo convallis. Faucibus consequat non eros elit quis mattis mauris lacinia cursus massa. Sapien ut mollis Curabitur Lorem laoreet semper tempor lobortis id ac. Quis at hac est lacinia dui commodo odio dui leo.</p>
  38. </div>
  39. </div>
  40. </body>
  41. </html>
ni los márgenes ni los padding están ajustados. Espero que puedas aplicar la idea base a tu página.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++