[IE] Affichage bizarre du texte en cas de scroll

[Lentreprenaute]

Bonjour,

J'ai remarqué un drole d'effet , j'ai une page assez longue si je scrolle dans la page, j'ai par moment des blocs de textes qui se hachurent, ou disparaissent tout simplement.

Avez vous une idée, tout le rendu graphique de mon contenu est en css!

Florent

[Fruge]

Bonjour,

Pourrais-tu nous donner l'URL de cette page, histoire de "voir" ce dont tu parles ?

Fruge.

[Lentreprenaute]

Je suis en local ,

j'ai fait une coupe dans mon css,

mon contenu est dans le div "texte_articles"

le chemin d'inclusion des div

container/contenu/titre_articles/texte_articles,

la dans mon test, j'ai un defaut d'affichage sur IE quand je scrolle, j'ai un bloc paragraphe en bold qui se hachure parfois, disparait de l'ecran. j'ai aussi le pb sur un bloc de texte avec des listes ol & ul.

un remède

/* definition mise en page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~ */
body {background: #D0E1E6 url(../../images/mkt3/fond.gif);margin:0px; padding:0px;font-family: 'Arial', Helvetica, sans-serif;}
a, a:link, a:visited {
	background: transparent;
	color: #ff6600;
	text-decoration: underline;
	}

a:hover {
	background: transparent;
	color: #ff9900;
	text-decoration: none;
  }

h1{display:none;}	
#top, #header, #container, #footer{
position:relative;
margin-left: auto;
margin-right: auto;
width: 730px;
border-left: #fff solid 3px;
border-right: #fff solid 3px;
}






/*~~~~~container colonnes contenu colonnes, intervenir ici pour ajouter une colonne~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container { background: #F9FBFC url(../../images/mkt3/bg_pattern_test.gif);}
#menu {float:left; WIDTH: 230px; overflow :hidden;  } /*colonne gauche*/
#contenu {float:left; width:500px; overflow :hidden;}/*colonne droite*/









/* Blocs gris  */
.titre_articles {
/*position:relative*/
	background: #fff;
	color: #fff;
	padding-bottom: 20px;
	/*border-right: 2px solid #fff;width: 502px;   False value for IE4-5.x/Win */	
	voice-family: "\"}\""; 
	voice-family:inherit;
   VERTICAL-ALIGN: baseline;TEXT-ALIGN: left;
  border-left: #fff solid 3px;
 	 
	}

	.titre_articles_1{
	position:relative;
	width:100%;
	height:30px;

	background: #E4EBF1;
	font-family: 'Arial', Helvetica, sans-serif; 
font-size: 10px;font-weight: bold;
	border-bottom: #fff solid 3px;
	border-top: #fff solid 3px;
	}
	.titre_articles_2{
	position:relative;font-weight: bold;
	top:12px;
	left:10px;
	padding-top:0px;padding-left:10px;color:#CFDCE7;
	background: transparent url(../../images/mkt3/arrow_footer.gif) no-repeat 0 2px;

	}
	.titre_articles_3{
	position:relative;font-weight: bold;
	top:-13px;
	left:-1px;
	padding-top:0px;
	padding-left:0px;
	color: #5A7387;
	}



.titre_articles .texte_articles{
	font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
	padding: 0;
	color: #003333;
	margin: 10px 10px 10px 10px;/*margin: haut droite bas gauche*/
	font-size: 11px;
	text-align:justify;
	}



.texte_articles b {color:#FF9900;}
.texte_articles i {color:#FF9900;}


.texte_articles ul {list-style:none;}
.texte_articles ul li{background: transparent url(../../images/mkt3/bullet_1.gif) no-repeat 0px 0px;padding: 0 0 0px 10px;}
.texte_articles ul li ul il {background: transparent url(../../images/mkt3/bullet_gen.gif) no-repeat 10px 0px;padding: 0 0 0px 10px;}

[Lentreprenaute]

bon et bien je crois que c'est un faux probleme,

j'avais dans mon contenu une image assez grande

je l'ai supprimé et me suis amusé a scroller de bas en

haut assez vite, et je ne 'ai plus eu ce probleme d'affichage !

[Prélude]

Bonjour,

C'est en effet juste un "problème" d'affichage qui peut se produire sur n'importe quel logiciel, mais surtout sur ceux qui "scroll". Donc IE.

Petit souçi de gestion de mémoire vidéo par le logiciel ou Windows. Enfin, ça sort du cadre (de ce forum).