CSS lento

[bigwhite]

Amigos: les cuento mi problema......... el background (color) es muy lento en aplicarse y siendo azul.......durante varios segundos mientras termina de cargar la web se ve un "pantallazo azul"

Si por algun motivo deja de cargar la web.... (un error en un script de PHP)... la pantalla queda todoa azul.

Código PHP:

  <?    // 1024x768 
header("Content-type: text/css"); 
$q = $_GET['q']; 
 
$width[0] =990; 
$width['cuerpo'] =666; 
$width['left']   =155; 
$width['right']  =155; 
$width['footer-interno']=$width['cuerpo']-2; 
?>   

Código:

body {
 text-align : center;  	 
 background-color: #3980B8; /* amarillo de fondo */
 margin-top: 0px;
}  

#contenedor{   
   text-align: left;
   width: <?= $width[0] ; ?>px;
   margin: auto;    
   background-color: #FFFFFF;  
} 

#subcontenedor{ /* engloba al titulo, menu y buscador */   
   text-align: left;
   width: <?= $width[0]; ?>px;
   height: 60px;
   margin: auto;     
   /*
   background-image:url(/imagenes/fondo_gris2.gif);
   background-repeat:repeat-x;	 	 
   */
} 

#header {
 margin-top: 0px; 
 margin-left: 190px;    
}

#header h1 {
  font-size:41px;color : red; 
  text-transform: uppercase;
  text-decoration:none;
 }
 
#header h1 a:visited {color:red;}
#header h1 a:hover {color:red;}

#left { 
 width : <?= $width['left']; ?>px;	
 float : left;
 margin-top: 20px; 
 padding-left:2px;
 padding-right:2px;  
}          


#cuerpo { 
 width : <?= $width['cuerpo']; ?>px;     
 float: left; 
 padding-right:0px;
 margin-top: 20px;   
}         

 
#right { 
 width : <?= $width['right']; ?>px;		
 float: right;
 margin-top: 20px; 
 padding-left:2px;   
 padding-right:2px; 
}         

.clear { 
line-height: 0px; 
font-size: 0px; 
clear: both; 
height: 0px; 
} 

#menudo {
margin-top: 2px;
 / margin-top: 7px;
 margin-left: 176px;  /* posicion del menu */ 
}


.favoritos {      /* usar punto(.) si es class' y numeral(#) si es con 'id' */
 color: white;
 width : auto;   
 padding-right:10px;
 float: right;
}

.favoritos a{
	color:white;
    text-decoration: none;
}	

.favoritos a:visited{
	color:white;
    text-decoration: none;
}	

.favoritos a:hover {
	color:yellow;
    text-decoration: none;
}	

#tituloBlog{  
 margin-top:10px;
 float : left;
 width : 160px; 
  margin-bottom:-8px;
 / margin-bottom:-3px;
} 

.cse-box {  /* cuadro de busqueda (form) */  
 float: left;
 width: <?= $width ?>;         
 text-align:left; 
 height:60px;  
 margin-left:30px; 
 _margin-left:15px; 
}         

#resultados{
 margin-left:30px;  
/* si no hay related ...  padding-top:20px; */
}

#vervideo{
 margin-left:30px;  
} 

#clouds1{  
float:left;
margin-top:220px; 
#margin-top:180px; 
_margin-top:150px;
width:596px;    
text-align:justify;
padding-bottom:30px;
  margin-left:30px;
 _margin-left:14px;
}

#clouds1 a:link {    
	text-decoration: none;
}
#clouds1 a:visited {
	/* text-decoration: none;	*/
	color:#325FA0;
}
#clouds1 a:hover {
	text-decoration: underline !important;
	color:#000066;
}

#clouds21{ /*  VER 2 la nube de abajo -> con queries */ 
 float:left;
 margin-bottom: 25px; 
 width:596px;      
 text-decoration: none;
 text-align:justify;
 margin-left:30px;
 _margin-left:14px; 
}

#clouds21 a:link {    
	text-decoration: none;
}
#clouds21 a:visited {
	/* text-decoration: none;	*/
	color:#325FA0;
}
#clouds21 a:hover {
	text-decoration: underline !important;
	color:#000066;	
}

#topsearchs{	  
  margin-top: 10px;  #margin-top: 0px;  _margin-top: 10px;   
  width:596px;    
  color: #999999;
  line-height:95%;  
  float:left;  
  margin-left:30px; 
}

#related{	
  text-align:justify;  
  margin-top: 10px;  #margin-top: 0px;  _margin-top: 10px;   
  width:596px;    
  color: #999999;
  line-height:95%;  
  float:left;  
  margin-left:30px;
 _margin-left:14px;
}

#footer-interno {
 clear:both;   
 width:<?= $width['footer-interno']; ?>px;
 text-align:center; 
 background-color: #ffffff;
 margin-top:150px; 
}

#footer-interno a,a:hover,a:visited{ 	
    text-decoration: none;		
}

Alguna idea ?

Mi web se puede ver aca rapidsharefull .com

[alexk]

pues si va lenta tu web... pss nose me ocurre mas que como veo de mas tu div "macro-contenedor" a este podrias darle el fondo de color blanco... y no a "contenedor" ya que segun firefox primero me carga "macro-contenedor" intentalo y platica... pero revisa bien tu web ya que no tiene tanto contenido y va lento chao y suerte.

[bigwhite]

Justamente no quiero que se vea el azul en el contenedor....... pero gracias