Foros del Web » Creando para Internet » CSS »

CSS lento

Estas en el tema de CSS lento en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/08/2009, 19:15
 
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 8 años, 4 meses
Puntos: 10
Pregunta CSS lento

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
  #2 (permalink)  
Antiguo 20/08/2009, 20:08
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: CSS lento

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.
  #3 (permalink)  
Antiguo 20/08/2009, 21:43
 
Fecha de Ingreso: agosto-2009
Mensajes: 247
Antigüedad: 8 años, 4 meses
Puntos: 10
Respuesta: CSS lento

Justamente no quiero que se vea el azul en el contenedor....... pero gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:15.