18041 sujets

Questions générales et questions de débutants

Problème de fluidité avec IE8

Bonjour,

Comme le titre l'indique, je rencontre plusieurs problèmes de fluidité avec Internet Explorer 8.

J'ai un problème avec le scroll vertical, celui-ci est saccadé. Mais bon, je sais que cela vient de l'image de fond, par contre quelles solutions sont possible pour résoudre le problème ?

J'ai également un problème avec le hover, j'ai sur page une liste d'articles, et lorsque que l'on survole le lien , une image de fond s'affiche sur le lien survolé. Seulement lorsque que l'on se déplace rapidement sur les titres, l'image de fond a du mal à suivre, sa met du temps à s'afficher et du coup si on se déplace rapidement sa "saute" certain lien.

Je précise que je ne rencontre pas ces problèmes avec Firefox.

J'ai enlevé tous les scripts pour savoir si sa venait de la, car j'ai aussi un script qui permet simplement de garder l'image de fond sur le dernier titre que l'on a survolé.

Voila, le site n'est pas encore en ligne, du coup pas possible d'avoir l'exemple en direct.

Merci,
Bonjour,
cptim a écrit :
Voila, le site n'est pas encore en ligne, du coup pas possible d'avoir l'exemple en direct.
Malheureusement, sans voir le site, ni même son code (complet), impossible de t'aider.
Merci de ta réponse.

Pour le problème de scroll, voila le code.
Voila la structure (simplifiée) de la page :
<body>
		<!-- Image de fond -->
	<img id="fond" src="templates/images/ete.jpg" alt=""  />
	
	<div id="page">
	
		<div id="espace">
		
			<div id="header"></div>	
		
			<div id="content"></div>
			
			<div id="sidebar">	</div>

		</div> 
	</div>


Et le CSS :

#page {
	padding-left:5%;
	padding-right:5%;
	overflow:auto;
	position:absolute;
	width:90%;
	height:100%;
	}

#fond {
	position:absolute;
	width:100%;
	height:100%;
	}

#header {
	height:116px;
	width:100%;
	background-image:url(../images/header.png);
}

#content {
	width:65%;
	float:left;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:15px;
	position:relative;
	font-family:Calibri;
	}

#sidebar {
	width:25%;
	overflow:hidden;
	float:right;
	margin-bottom:15px;
	}

Aucun CSS d'appliquer sur le body. Je pense qu'il y a ce qu'il faut.


PS: Il m'est aussi impossible de scroller avec la molette de la souris lorsque le pointeur se trouve sur l'image. Si je le place sur un contenu, par contre sa marche.
Sujet clos
Aller à