Tema: Div Contenido con Height variable (liquido?)
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/07/2010, 06:30
manos_80
 
Fecha de Ingreso: junio-2010
Mensajes: 9
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Div Contenido con Height variable (liquido?)
Gracias por tu respuesta danielalejandro!

No se que pasa... cuando pruebo el link directamente de www.araudi.net/ejemplos/3_capas_con_scroll.html no funciona como deberia...

Pero si lo pruebo "local" SI. Como pasa esto? Si lo aplico en un sitio web tendria este mismo problema???

Gracias por tu ayuda!


Cita:
Iniciado por danielalejandro Ver Mensaje
pues segun lo prove y se ve bien pero no lo se prueba y me dices que tal te fue

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>
  3. <head>
  4. <style type="text/css">
  5. html, body { height: 100%;
  6. overflow: hidden;
  7. margin: 0;
  8. }
  9. #superior { background-color: #ff0;
  10. font-size: 9px;
  11. position: relative;
  12. height: 80px;
  13. }
  14. #inferior { background-color: #ff0;
  15. font-size: 9px;
  16. width: 100%;
  17. height: 80px;
  18. position: absolute;
  19. bottom: 0;
  20. }
  21. #central { background-color: #33f;
  22. overflow: auto;
  23. position: absolute;
  24. width: 100%;
  25. top: 80px;
  26. bottom: 80px;
  27. }
  28. </style>
  29.  
  30. </head>
  31. <body>
  32. <div id="contenedor">
  33. <div id="superior">SUPERIOR</div>
  34. <div id="central">central<br />
  35. central<br />
  36. central<br />
  37.  
  38. central<br />
  39. central<br />
  40. central<br />
  41. central<br />
  42. central<br />
  43. central<br />
  44. central<br />
  45. central<br />
  46. central<br />
  47.  
  48. central<br />
  49. central<br />
  50. central<br />
  51. central<br />
  52. central<br />
  53. central<br />
  54. central<br />
  55. central<br />
  56. central<br />
  57.  
  58. central<br />
  59. central<br />
  60. central<br />
  61. central<br />
  62. central<br />
  63. central<br />
  64. </div>
  65. <div id="inferior">INFERIOR</div>
  66. </div>
  67. </body>
  68.  
  69. </html>

salu2