Tema: Pie de pagina que baje a medida que crezca con la información
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/09/2010, 12:15
Avatar de ras_chalo
ras_chalo
 
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 13 años, 9 meses
Puntos: 6
Exclamación Pie de pagina que baje a medida que crezca con la información
Hola; bueno tengo el siguiente problema:

Tengo una tabla en php que ve todos los registros que hay entonces cuando son muchos obviamente la tabla crece hacia abajo, que es donde es mi problema, el diseño de abajo NO baja junto con la tabla... con imágenes .PNG tampoco baja...

La verdad que no se nada de CSS, y bueno para eso recurro a uds. para que me digan que ponerle y en donde...

Acá dejo el código del pedazo que quiero que baje a medida que la información aumente...


Código CSS: 
Ver original
  1. /* FOOTER PANEL*/
  2.  
  3. #footerPanel{width:100%; background:#DCDCDC; color:#4C4C4C; font-size:12px;}
  4. #footerbodyPanel{width:762px; height:133px; position:relative; margin:0 auto; padding:0;}
  5. #footerPanel ul{width:320px; display:block; position:absolute; right:10px; top:33px; }
  6. #footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
  7. #footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
  8. #footerPanel ul li a:hover{text-decoration:underline;}
  9. #footerPanel ul li a.padl{padding:0 0 0 6px;}
  10. #footerPanel p.copyright{
  11.     background:#DCDCDC;
  12.     display:block;
  13.     position:absolute;
  14.     top:54px;
  15.     right:45px;
  16.     color:#A64200;
  17.     width: 219px;
  18. }
  19. #footerPanel ul.templateworld{width:158px; background:#DCDCDC; color:#4C4C4C; display:block; position:absolute; top:74px; right:40px;}
  20. #footerPanel ul.templateworld li a{background:#DCDCDC; display:block; color:#4C4C4C; text-decoration:none;}
  21. #footerPanel ul.templateworld li a:hover{text-decoration:underline;}
  22.  
  23. #footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} 
  24. #footerhtmlPanel a{
  25.     width:86px;
  26.     height:31px;
  27.     display:block;
  28.     background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC;
  29.     text-decoration:none;
  30.     font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif;
  31.     color:#2F2F2F;
  32.     text-transform:uppercase;
  33.     padding:0 0 0 10px;
  34.     position:absolute;
  35.     top:1px;
  36.     right:-12px;
  37. }
  38. #footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
  39. #footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} 
  40. #footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
  41. #footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }

Bueno espero sus respuestas y de ante mano muchas gracias!!!