Tema: Varios Problemas
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 07/05/2011, 20:30
angelfcm
(Desactivado)
  
Fecha de Ingreso: abril-2011
Mensajes: 153
Antigüedad: 13 años
Puntos: 236
Respuesta: Varios Problemas
Orale ya me toco que me pase eso, hehe.
Se corta el div cuándo el contenido no cabe, y supongo que cuándo no quepa el contenido, quieres que aparesca el scroll y cuándo llegues hasta abajo no se corte el div (que aparesca blanco).
Pues ahora sí que sí de afuerzas de tiene que funcionar, prueba éste ejemplo, que en mi opinión es el definitivo para el problema 1:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
  3. <!-- PROBADO EN IE9 Y MOZILLA 4 -->
  4. <html>
  5. <head>
  6. <title>Pantalla completa - ContentBox2</title>
  7. <script type="text/javascript">
  8. window.onscroll = medidaDIV;
  9. window.onresize = medidaDIV;
  10. window.onload = medidaDIV;
  11. function medidaDIV()
  12. {
  13.  if(document.documentElement.scrollTop==0)
  14.   y=document.documentElement.clientHeight+"px";
  15.  else{
  16.    if(document.defaultView)
  17.      y=document.defaultView.getComputedStyle(document.getElementById("denominador"),null).top;
  18.    else y=document.getElementById("denominador").currentStyle.top;
  19.  }
  20.  document.getElementById("ContentBox").style.height=y;//;document.documentElement.clientHeight+"px";
  21. }
  22. </script>
  23. <style type="text/css">
  24. /* No agregar tamaño al padding-top/bottom ni al margin-top/bottom en #ContentBox, body o html */
  25. html,body{
  26.     background-color: #F4F4F4;
  27.     color: #333333;
  28.         font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  29.         font-size: 11px;
  30.         margin: 0;
  31.     padding: 0;
  32. }
  33. #ContentBox {position:absolute;
  34.     width: 870px;
  35.     background-color: #DBECFD;
  36. }
  37. #ContentBox2 {
  38.     padding: 95px 15px 5px 15px;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <!-- no borrar ContentBox ní ContentBox2 ní poner nada fuera de ellos a menos que sea con display:none -->
  44. <div id="ContentBox">
  45. <div id="ContentBox2">
  46.  <h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1><h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1>
  47.  <h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1><h1>AQUÍ EL CONTENIDO DE LA PÁGINA</h1>
  48. </div>
  49. <!-- no borrar denominador ní modificarlo -->
  50. <span style="position:absolute" id="denominador" style="display:none"></span>
  51. </div>
  52. </body>
  53. </html>
Última edición por angelfcm; 07/05/2011 a las 22:37