Ver Mensaje Individual
  #5 (permalink)  
Antiguo 17/07/2013, 10:27
mathiasmontiel
 
Fecha de Ingreso: febrero-2013
Mensajes: 163
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Texto 'salta' al mover la página bruscamente en Firefox

hm ok pero me di cuenta que es un problema de Firefox o de mi touchpad, si tienen una notebook fijense que en phpMyAdmin sucede exactamente lo mismo, cuando se llega al final de la página el texto se desacomoda y se acomoda cundo vuelve hacia arriba. Tambien me di cuenta que depende del contenido, creo, solo pasa cuando hay mucho texto y elementos relativos y en este caso es un leaderboad. Además observando otras página sucede exactamente lo mismo, por ejemplo en esta, no sé si a ustedes también les muestra así: http://www.majorschampionships.com/o...aderboard.html
Por que digo que puede ser mi toupach? porque esto solo sucede cuando deslizo la página con la 'barra' lateral de mi toupach, si lo hago manualmente con la barra lateral del navegador no hay fallas.
Les dejo mi código, aunque creo que tendré que conformarme. Solo esto no hace que el texto salte pero si le añado muchos elementos y texto pasa esto. Pero si le quito la cabecera el problema desaparece.
Mi CSS
Código:
.cabecera{width:100%; height:160px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C2C2C', endColorstr='#000000')";  background:linear-gradient(#2C2C2C 0%, #000000 50%, #000000 100%); border-bottom:2px solid #333333;}
.cabeceracont{width:945px; height:140px; position:relative; margin:0 auto; color:#999999; padding:10px;}
.contenedor{position:relative; width:965px; height:auto;  margin:0px auto; border-radius:0px 0px 10px 10px; background: rgba(145,145,145,0.85);}
y el html
Código HTML:
<div class="cabecera">
	<div class="cabeceracont">
		Esto es una cabecera
	</div>
</div>
<div class="contenedor">
	Esto es todo el cuerpo
</div> 

Última edición por mathiasmontiel; 17/07/2013 a las 10:43