Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/05/2011, 13:24
caguayo
 
Fecha de Ingreso: abril-2011
Mensajes: 41
Antigüedad: 13 años, 8 meses
Puntos: 0
CSS carga lenta

Holas: necesito la colaboración para solucionar esto.

Tengo 8 tabs javacript/css con mucho contenido y tablas. Cuando cargo la página primeramente se muestra todo el contenido de los tabs desplegados verticamente y luego de unos 9 seg. es que aparecen los tabs y el contenido organizado en su respectivo tab.

¿Qué opciones CSS puedo usar para reducir el tiempo de carga?

Este es el código css.

Código CSS:
Ver original
  1. .tabberlive .tabbertabhide {
  2.  display:none;
  3. }
  4.  
  5. /*--------------------------------------------------
  6.   .tabber = before the tabber interface is set up
  7.   .tabberlive = after the tabber interface is set up
  8.   --------------------------------------------------*/
  9. .tabber {
  10. }
  11.  
  12. .tabberlive {
  13.  margin-top: 1em;
  14.  margin-left: 0px;
  15.      
  16. }
  17.  
  18. ul.tabbernav{
  19.  margin: 0px -15px;
  20.  padding: 0px 37px;
  21.  border-bottom: 1px solid #8C8A8C;
  22.  font-family: Arial, Helvetica, sans-serif;
  23.  font-size: 8pt;
  24. }
  25.  
  26. ul.tabbernav li{
  27.  list-style: none;
  28.  margin: 0;
  29.  display: inline;
  30.    
  31. }
  32.  
  33. ul.tabbernav li a{
  34.  padding: 3px 0.5em;
  35.  margin-left: 3px;
  36.  border: 1px solid #BBBBBB;
  37.  border-bottom: none;
  38.  background: #F6F6F6;
  39.  text-decoration: none;
  40. }
  41.  
  42. ul.tabbernav li a:link { color: #494949; }
  43. ul.tabbernav li a:visited { color: #494949; }
  44.  
  45. ul.tabbernav li.tabberactive a{
  46.  background-color: white;
  47.  border-bottom: 1px solid #fff;
  48.  
  49. }
  50.  
  51. .tabberlive .tabbertab {
  52.  
  53.  padding: 5px 15px;
  54.    
  55.  /*border:10px solid #aaa;*/
  56.  border-top: 0;
  57. }
  58.  
  59. .tabberlive .tabbertab h2 {
  60.  display:none;
  61. }


Muchas gracias.