Fond transparent gris (div) probleme avec IE par anerax - page 1

Yop all,
J'ai un petit problème...
Avec FF, j'obtiens bien ce que je souhaite (même si le script agrandis la page, mais bon, ça se règle quand on ferme la div).

J'obtiens ça :

Image utilisateur
Mais avec IE j'obtiens ça :

Image utilisateur
Le soucis c'est moche (à la limite la transparence c'est pas grave...).
Mais l'image n'est pas aux bonnes coordonnées (pas aux mêmes que ff) ce qui pose soucis...
Je voudrais donc savoir comment régler ça
Voici le code source généré
[Balise PHP plus complète]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>Empereur</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="DesignAccueil.css" />
	</head>
	<body>
	
		<div id="banniere">

			<img src="image/Banniere.png" alt="banniere" />
		</div>
		
		<div id="connexion">
			<form method="post" action="connexion.php">
				<p>
					<input type="text" id="n1" name="pseudo" value="Pseudo" onfocus="effacer('Pseudo', this);" style="color:gray;" />
					<input type="text" id="n2" name="password" value="Password" onfocus="effacer('Password', this);" style="color:gray;" />
					
					<select name="pays" id="pays">
						<option value="Terre1">Terre d'Aënias</option>

					</select>
					<input type="submit" value="connecter" />
				</p>
			</form>
		</div>
		
		<script type="text/JavaScript">
			function effacer(value_defaut,id)
			{
				if(value_defaut == id.value)
				{
					id.value = '';
					id.style.color = 'black';
				}
			}
		</script>

		<div id="menu">
			<p>

					<a href="index.php">Accueil</a>
					<a href="index.php?Redirect=Histoire">Histoire</a>
					<a href="index.php?Redirect=Images">Images</a>
					<a href="index.php?Redirect=Inscription">Inscription</a>
					<a href="http://empereur.level52.com/index.php" target="_new">Forum</a>
					<a href="mailto:GameEmpereur.Officiel@yahoo.fr">Nous Contacter</a>

					<a href="index.php?Redirect=Credits">Crédits</a>
			</p>
		</div>

		<div id="corps">
			<p>
Toutes les informations que vous saisies ici sont confidentielles,<br />
ne les communiquez à personnes. Nous ne sommes pas responsables des<br />
vols de comptes.<br />

Afin de vous garantir une sécurité optimale, vos identifiants sont cryptés<br />
dans notre bases de données.<br />
Votre mot de passe et votre pseudi doivent être compris entre 3 et 15 caractères.
</p>

<script type="text/javascript">

//Module Map appears

function Annimation(cadre, lien, TailleX, TailleY)  //fonction qui annime la balise concerner
{
	if( TailleX < 100) //tant que la taille de la balise est pas a 100 % alors on incrémente de 1 la largeur et longeur
	{
		TailleX++;
		TailleY++;
		if(document.getElementById) // pour IE
		{
			document.getElementById(cadre).style.width = TailleX + "%";
			document.getElementById(cadre).style.height = 350+TailleY + "%";
		}
		else
			if(document.all) // pour les autre navigateur qui gère pas la balise getElementById
			{
				document.all[cadre].style.width = TailleX + "%";
				document.all[cadre].style.height = 350+TailleY + "%";
			}			
			window.setTimeout("Annimation('"+cadre+"','"+lien+"'," + TailleX + "," + TailleY +");", 1);//timer qui relance la fonction pour crée une annimation
		}
	if ((TailleX == 100) && (TailleY == 100))// une fois à 100% de la fenêtre arrêt du timer et affiche les éléments cacher
	{
		window.clearTimeout();
		if(document.getElementById)
			{
				document.getElementById(lien).style.display = "block";// affiche le block cacher dans le div a la fin de l'annimation
			}
			else
			{
				if(document.all)
				{
					document.all[lien].style.display = "block";
				}
			}
	}
}
function efface(cadre,lien)// fonction qui efface les annimation en remetant les valeur a 0 et en cachant les div qui son devenu visible après l'appel d'une des deux fonction
{
if(document.getElementById)
	{
			document.getElementById(cadre).style.width = "0%";
			document.getElementById(cadre).style.height = "0%";
			document.getElementById(lien).style.display = "none";
	}
else
	{
	if(document.all)
		{
				document.all[cadre].style.width = "0%";
				document.all[cadre].style.height = "0%";
				document.all[lien].style.display = "none";
		}
	}
}
//autre fonction si on ne souhaite pas d'animation du fond noir
function SansAnnimation(cadre,lien)//fonction qui affiche a 100% le div cacher sans annimation pour recouvrir l'image
{
if(document.getElementById)
	{
			document.getElementById(cadre).style.width = "100%";
			document.getElementById(cadre).style.height = "100%";
			document.getElementById(lien).style.display = "block";
	}
else
	{
	if(document.all)
		{
				document.all[cadre].style.width = "100%";
				document.all[cadre].style.height = "100%";
				document.all[lien].style.display = "block";
		}
	}	
}

//Module Map Repairs
	var clicked;
	clicked = false;
	
	function changeStatut()
	{
		if(clicked==false)
			clicked = true;
	}
	
	function calculCoord(e)
	{
		e = e || window.event;
		var curScrollX = (e.pageX)? e.pageX : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		var curScrollY = (e.pageY)? e.pageY : e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		var DY = getOffsetPosition('map', 'Top');
		var DX = getOffsetPosition('map', 'Left');
		curScrollX=curScrollX-279;
		curScrollY=curScrollY-40;
		if(curScrollX > 450) curScrollX = 450;
		if(curScrollY > 450) curScrollY = 450;
		window.document.getElementById('coordAff').innerHTML=curScrollX+';'+curScrollY; 
	}
	
	function calculCoordClick(e)
	{
		e = e || window.event;
		var curScrollX = (e.pageX)? e.pageX : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		var curScrollY = (e.pageY)? e.pageY : e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		curScrollX=curScrollX-279;
		curScrollY=curScrollY-40;
		if(curScrollX > 450) curScrollX = 450;
		if(curScrollY > 450) curScrollY = 450;
		if(clicked==true)
			window.document.getElementById('coord').value=curScrollX+';'+curScrollY;
	}
	
	getOffsetPosition = function(inID, inTYPE)
	{
		var iVal = 0;
		var oObj = document.getElementById(inID);
		var sType = 'oObj.offset' + inTYPE;
		while (oObj && oObj.tagName != 'BODY') 
		{
			iVal += eval(sType);
			oObj = oObj.offsetParent;
		}
		return iVal;
	}
	
	function test()
	{
		alert(getOffsetPosition('map', 'Top'));
		alert(getOffsetPosition('map', 'Left'));
	}
	
	function AfficherMap()
	{
		window.document.getElementById('coord').disabled=false;
		
	}
</script>

<form method="post" action="index.php?Redirect=InscriptionConfirm">
	<p>
		<label for="pseudo">Pseudo :</label> <input type="text" name="pseudo" /><br />

		<label for="password">Mot de passe :</label> <input type="password" name="password" /><br />
		<label for="confirm">Confirmation :</label> <input type="password" name="confirm" /><br />
		<label for="mail">Adresse mail :</label> <input type="text" name="mail" /><br />
		<label for="questSecr">Question secrète :</label> <input type="text" name="questSecr" /><br />
		<label for="repSecr">Réponse secrète :</label> <input type="text" name="repSecr" /><br />

		<label for="coord">Coordonnées :</label> <input disabled="true" type="text" name="coord" id="coord" /><br />
		<span onclick="Annimation('Frame1','lien1',1,1);">ici</span><br />
		<input type="radio" name="regle" value="regle" id="regle" />J'accèpte le règlement<br />
		<input type="submit" value="S'inscrire" name="FormInsc" />
	</p>
</form>

<div id="Frame1" style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background-image:url(image/noir.png)">

	<div style="display:none" id="lien1" ><br><br>

	<img src="image/map.png" height="450" width="450" alt="carte" border="0" id="map" onmousemove="calculCoord(event);" onclick="changeStatut();calculCoordClick(event);" /><br />
		<p style="display:inline;">
			<span id="coordAff" style="font-weight:bold;color:white;">
				0;0
			</span>
		</p>
	
<br><br><div id="menu5"><span onclick="efface('Frame1','lien1');">Fermer</span></div></center></p>

    </div>
</div>
		</div>
		
	</body>
</html>
Merci
Fond transparent gris (div) probleme avec IE

Fond transparent gris (div) probleme avec IE

Supprimer

Modérer

Signaler le message aux modérateurs
