18041 sujets

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

Disparition de la Div du bas lors de l'insertion d'un .swf

Bonjour,

J'ai réalisé un site simple pour tenter d'y insérer une animation flash.
Cette animation devrait prendre sa place dans la div de droite.
Elle-même imbriquée dans un cadre qui comporte également tout le reste du site (div du haut, div de menu, div de gauche et div du bas).

Tous fonctionne correctement tant que je n'insère pas de flash.
j'ai essayé d'autres médias, texte, etc et là ça fonctionne.

Le CSS :

@charset "ISO-8859-1";
.Cadre {
	width:75%;
	height:500px;
	background-color:white;
	margin:auto;
	border-top:10px solid;
	border-left:10px solid;
	border-right:10px solid;
	border-color:#a8d426;
}
.BanHaute {
	width:100%;
	height:100px;
	background-color:black;
	clear:both;
	poistion:relative;
}
.Logo {
	width:40px;
	height:40px;
	background-color:pink;
	position: absolute; z-index: 1;
}
.Menu {
	float:left;
	margin-top:5px;
	margin-left:5%;
	width:40%;
	color:#a8d426;
	background-color:black;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	border-left:5px solid;
	border-color:#a8d426;
}
.Aera {
	position:absolute;
	float:left;
	margin-top:50px;
	margin-left:5%;
	width:40%;
	color:#a8d426;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	border-left:5px solid;
	border-color:#a8d426;
}
.News {
	position:absolute;
	float:left;
	margin-top:150px;
	margin-left:5%;
	width:20%;
	color:#a8d426;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-left:25%;
	text-align:left;
}
.BanBas {
	margin-top:375px;
	width:100%;
	height:40px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:yellow;
}
.IllustraDr {
	float:right;
	background-color:pink;
	width:30%;
	height:350px;
}
.ColonneGh {
	float:left;
	background-color:brown;
	width:70%;
	height:350px;
}
.TxtBgNoir {
	margin:0;
	background:black;
	text-align:center;
	font-weight:bold;
}
h1 {
	margin-top:0;
	text-indent:40px;
	color:white;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:lighter;
}
h2 {
	text-indent:35px;
	color:white;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
h3 {
	color:purple;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}
a {
	text-decoration:none;
	color:white;
}
a:hover {
	color:#a8d426;
}


Le HTML :

<!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">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=ISO-8859-1" />
		 <link rel="stylesheet" type="text/css" href="../CSS/WDGDC.css" />
</head>

<body>
	<div class="Cadre">
		<div class="Logo"></div>
		<div class="BanHaute">
			<h1>or fringilla</h1>
			<h2>or fringilla</h2>
		</div>
		
		<div class="ColonneGh">	

			</div>
		
		<div class="IllustraDr">
			<object type="application/x-shockwave-flash" data="../Anim/arbralien.swf" width="300" height="350">"
			<param name="movie" value="anim_index.swf" />
			<param name="quality" value="high" />
			<param name="wmode" value="transparent"/>
		</div>
	
	<div class="BanBas">
			<a href="#">or fringilla</a> | <a href="#">or fringilla</a> | <a href="#">or fringilla</a> vd
	</div>
	</div>
</body>
</html>


Par avance, merci pour toute l'aide que vous pourriez m'apporter Smiley smile
Modifié par alsa (04 Mar 2011 - 13:50)
Salut,

Il me semble que tu as oublié de mettre une balise fermante pour "object"...
Merci, c'est tout à fait ça.
Plus précisémment l'insertion reconnue par IE9 est celle-ci :

			<object
				type="application/x-shockwave-flash" data="../Anim/arbralien.swf"
				width="300" height="350">
			  <param name="movie" value="../Anim/arbralien.swf" /> <!-- ne pas oublier ça  [cligne] -->
			  <param name="wmode" value="transparent" />
			</object>
Sujet clos
Aller à