PHP - cargar pantalla

   
Vista:

cargar pantalla

Publicado por jhean carlos (113 intervenciones) el 30/08/2013 15:40:56
hola como estan
tengo una preocupacion, tengo un cargador de pantalla, para que se carguen todos los complementos de mi proyecto.

pero lo malo es cuando se adecua a otro tamaño diferente de pantalla, ya no esta centreada o no se que da en los parametros o medidas que le asigne.

como puedo ubicarlo en un lugar especifico de la pantalla, para que no afecte el cambio o tamaño de pantalla que pudiera asignar el usuario?

les dejo el codigo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script>$(document).ready(function(){
window.onload=cerrar;
function cerrar(){
$("#carga").animate({"opacity":"0"},1000,function(){$("#carga").css("display","none");});
}
$("#carga").click(function(){cerrar();});
 
});
</script>
 
<div title="Click para Cerrar" id="carga" style="cursor:pointer;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:inset #FFF 0px 0px 14px;
background-image:url(procesos/images/loading29.gif);
background-repeat:no-repeat;
background-position:center;
background-size:10%;
background-color:#FFF;
width:378px;
height:220px;
color:#FFF;
text-align:center;
padding:52px 12px 12px 12px;
position:fixed;
top:28%;
left:34%;
z-index:6;">
 
</div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Jose maria

cargar pantalla

Publicado por Jose maria (29 intervenciones) el 31/08/2013 14:52:45
Hola jhean carlos:

El problema pasa a ser de estilos CSS (no de PHP)

1
width:378px; height:220px; position:fixed; top:28%; left:34%;

Combinamos px y valores porcentuales. Es cuestión matemática. Solo centrará si coincide con el ancho de una pantalla concreta.

Si tu contenedor general es <div id="carga"> la solución es tan sencilla como cambiar la referenciua anerior por:
1
width:378px; height:220px; margin: 0 auto;

(hay otras soluciones más largas de explicar).

Si está dentro de otros <div>, contenedores, secciones, habría que ver el CSS para solucionarlo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar