18041 sujets

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

PB d'affichage sous I-E 6 & 7 (affichage restreint du contenu act

Bonjour à toutes et à tous.

Mon probleme est le suivant :

J(ai des images dans ma page qui s'affichent suivant la zone survolée par la souris. j'ai fait ça avec le comportement "afficher/masquer calques".
Cela marche très bien avec Firefox mais avec IE 6, ça veut pas. Ce dernier m'annonce :
"Pour vous aider à protéger votre ordinateur, Internet Explorer a restreint l'affichage du contenu actif de ce fichier, qui pourrait accéder à votre ordianteur. Cliquer içi pour afficher plus d'options ..."

Ensuite en confirmant à IE 6 qu'il peut afficher le contenu actif, tout marche ... Bon, mais au niveau ergonomie c'est pas terrible ...

Quelqu'un aurait-il une petite idée ???
(j'ai fait des recherches sur le forum, mais sans succès)

Merci d'avance et bons développements !!!
Modifié par hagakure (11 Jun 2007 - 13:39)
Bonjour,

Si tu dis "afficher/masquer les calques" c'est que tu dois travailler sur dreamwaver ? (pas bien "calques" Smiley smile ).
Penses à donner ton code pour qu'on puisse vérifier, cela peut venir d'un code pas très propre, ou d'un IE6 qui a décidé de t'embêter (est-il à jour ? Quid d'IE 7 ? Et FF ?).
Salut hagakure,

Je parie que tu testes ton site en local, non ? Smiley cligne IE aboit juste quand il y a des scripts sur une page locale. Une fois le site en ligne, il ne dira plus rien. Si ce message t'énerve trop, tu peux le désactiver dans les options de sécurité de IE ("Autoriser le contenu actif à s'exécuter").

A+
Bonsoir à tous,
merci pour vos réponses.

->marcv : oui je teste mon site en local pour l'instant

->GrOlivier : et oui je fais ça avec dreamweaver 8.
pourquoi "(pas bien "calques" smile )" ???

ça marche nickel chrome sous firefox, et j'ai pas encore essayé sous IE 7.
je vous tiendrai au courant très prochainement.

Je vous donne le code si ça vous interesse.

J'ai un fichier CSS :

/* CSS Document */


#bloc {

width:786px;

height:357px;

margin-left:auto;
margin-right:auto;

text-align: left;  

}


et mon html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>XXXXXXXX</title>
<style type="text/css">
<!--
body {
	background-color: #A6A6A6;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
}
.Style8 {	font-family: "Century Gothic";
	font-size: 30px;
}
body,td,th {
	color: #FFFFFF;
}
#txt {
	position:absolute;
	width:786px;
	height:357px;
	z-index:1;
	visibility: visible;
}
.Style9 {
	font-family: "Century Gothic";
	font-size: 14px;
}
#lateral {
	position:absolute;
	width:786px;
	height:357px;
	z-index:20;
	visibility: visible;
}
#ra1 {
	position:absolute;
	width:786px;
	height:357px;
	z-index:2;
	visibility: hidden;
}
#ra2 {
	position:absolute;
	width:786px;
	height:357px;
	z-index:3;
	visibility: hidden;
}
-->
</style>
<link href="css/blocra.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible' [decu]v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<p align="center"><span class="Style8">xxxxxxxx</span></p>
<p align="center"><img src="images-menu/pro-accueil.jpg" width="709" height="33" /></p>
<p align="center"> </p>

<div id="bloc">

<div id="lateral">
  <div align="left"><img src="images-menu/lat-ra.jpg" width="85" height="357" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="-5,16,36,50" href="#" onmouseover="MM_showHideLayers('ra1','','show','ra2','','hide')" />
<area shape="rect" coords="49,16,94,52" href="#" onmouseover="MM_showHideLayers('ra1','','hide','ra2','','show')" />
</map></div>
</div>
<div id="ra1">
  <div align="center"><img src="images/ra01.jpg" width="225" height="357" /></div>
</div>
<div id="ra2">
  <div align="center"><img src="images/ra02.jpg" width="357" height="254" /></div>
</div>
<div id="txt">
  <p class="Style9"> </p>
  <p class="Style9"> </p>
  <p class="Style9"> </p>
  <p align="center" class="Style9">chargement</p>
  <p align="center" class="Style9">des images ... </p>
</div>
</div>

</body>
</html>


...et je ne comprends toujours pas pourquoi ça écrit en itallique à la fin ...

En tout cas merci beaucoup et bons DEV's
[/i][/i][/i]
Modifié par hagakure (08 Jun 2007 - 23:34)
Bonjour,

je viens de faire un test avec IE 7 et ça donne la même chose.
Qu'en pensez-vous ?

Merci
Bonne journée
Sujet clos
Aller à