Tema: Fondo se corta cuadno aparece mas info en la pantalla
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/10/2009, 08:26
Daitron
 
Fecha de Ingreso: octubre-2008
Mensajes: 112
Antigüedad: 15 años, 6 meses
Puntos: 1
Fondo se corta cuadno aparece mas info en la pantalla
Hola a todos bueno tengo un problemita...

Tengo un diseño de fondo y una sompra para reasaltar el cuerpo de la pagina... el problema que tnego es que mientras no haga falta mover el scroll se ve perfecto... pero.... cuando aparece mas info en la pantalla de la que entra sin mover el scroll se corta y la cuando bajamos el scroll no aparece nada dejo unas imagenes para que vean




En la imagen uno se ve como hasta donde el scroll no hace falta moverlo esta perfecto...
y en la segundo luego de la linea roja se ve como no hay mas fondo ni sombra.

les dejo el CSS

Código CSS: 
Ver original
  1. HTML{height:100%;}
  2.  
  3. BODY{height:100%; margin:0;
  4. font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
  5. }
  6.  
  7. #fondo{width:100%; height:100%; background-image:url(images/fondo.jpg); background-repeat:repeat;}
  8. #sombra{width:100%; height:100%; background-image:url(images/sombra.png); background-repeat:repeat-y; background-position:center;}
  9.  
  10.  
  11. #cuerpo{width:750px; height:100%; margin:auto;}
  12.  
  13. #cabecera{width:750px; height:151px;
  14. background-image:url(images/sombracab.jpg); background-repeat:repeat-x;}
  15.  
  16. #info{width:750px; height:100%;
  17. padding-left:5px; padding-right:5px; padding-top:5px;}

y ahora el HTML
Código HTML: 
Ver original
  1. <link href="estilo.css" rel="stylesheet" type="text/css" /> 
  2. </head> 
  3.  
  4. <body> 
  5. <div id="fondo"> 
  6. <div id="sombra"> 
  7.  
  8. <div id="cuerpo"> 
  9.     <div id="cabecera"> 
  10.         <table cellspacing="0" width="100%"> 
  11.             <tr> 
  12.                 <td align="center"> 
  13.                   <img src="images/logo.jpg" width="230" height="149" alt="Digesto Legal" /> 
  14.                 </td> 
  15.           </tr> 
  16.         </table> 
  17.     </div> 
  18.     <div id="info"> 
  19.  
  20. <p> 
  21.   <SCRIPT LANGUAGE="JavaScript"> 
  22. function varitext(text)
  23. {
  24. text=document
  25. print(text)
  26. }
  27. </script> 
  28.         <form method="post"
  29.     </form> 
  30. <br /><br /> 
  31. <a href="admin.php">Volver a Administraci�n</a> 
  32.         </div> 
  33.     </div> 
  34. </div> 
  35. </div> 
  36. </body> 
  37. </html>

Elimine todo el form porque no era necesario que lo vieran...

Bueno espero puedan ayudarme

Desde ya muchas gracias

Saludos