[Résolu] Problème de positionnement avec un .swf

Bonjour à tous.

Je vais devoir faire appel à votre aide et vos connaissances car après plusieurs heures de recherches et tests, je n'ai toujours pas trouvé de solution à mon problème.

Pour résumer, comme nous sommes bientôt à l'heure d'habiller nos sites préférés aux couleurs de Noël, nous avons fait une bannière avec des flocons de neige (c'est-y pas bô... ), et mon collègue a voulu la faire en flash (moi je n'y connais rien en flash).

Je suis donc en train de modifier mes CSS (et du coup un peu le code aussi car le swf ne peut être positionné directement via CSS si je ne me suis pas trompé...) pour que ce soit comme il faut.
Jusque là, pas de souci... MAIS mon problème maintenant, c'est que nous avons le logo de notre association que je positionne avec CSS "par-dessus" la bannière.
En effet, en temps normal, la bannière est une image .png et non du flash.

Avec l'aide de mon ami Google, je suis arrivé à le faire fonctionner correctement sous Firefox (v3) avec les "z-index", mais pas sous IE (v7).
Je m'explique :
Sous FF, le logo est bien positionné au bon endroit. En revanche sous IE, il se trouve positionné à la droite de la bannière... je n'arrive pas à lui faire prendre place SUR la bannière .

Ce lien vous permettra peut être de mieux comprendre mon charabia...

Voici les portions de mon code :

HTML/PHP (pour l'insertion du .swf) :

<div id="bandeau_haut">
	<object width="1024" height="175">
		<param name="banniere" value="<?php echo $sRacineSite.PATH_IMAGES_SITE; ?>banniere_haut.swf" />
		<param name="wmode" value="transparent" />
		<embed src="<?php echo $sRacineSite.PATH_IMAGES_SITE; ?>banniere_haut.swf" width="1024" height="175" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
	</object>

	<div id="logo_soft-warriors">
		<a href="<?php echo HTTP_SITE_ASSOCIATION; ?>/index.php" class="" title="<?php echo $aLang["infobulle"]["accueil"]; ?>"><img src="<?php echo $sRacineSite.PATH_IMAGES_SITE; ?>logo_soft-warriors_150.png" title="<?php echo $aLang["infobulle"]["accueil"]; ?>" alt="<?php echo $aLang["infobulle"]["accueil"]; ?>" /></a>
	</div>	
</div>

CSS :

/* Bandeau contenant l'image du haut */
div#bandeau_haut {
	/* background-image: url("images/banniere_haut.png");*/
	background-color: #ffffff;
	width: 1024px;
	height: 175px;
	border: 0px;
	position: relative;	
	z-index: 1;
}


/* Bandeau contenant le logo de l'association */
div#logo_soft-warriors {
	clear: both;
	float: left;
	position: absolute;
	top: 12px;
	width: 150px;
	padding: 0 0 0 20px;
	text-align: left;
	border: 0px solid;
	z-index: 0;
}

Voilà, si quelqu'un voyait une solution à mon problème, ce serait gentil de m'aider... car finalement, le 1er décembre, c'est bientôt...
Merci d'avance à vous.
Modifié par Eagle2000 (24 Nov 2008 - 18:04)

Salut Eagle,

Il faut que tu renseignes la propriete "left".
Il est logique de penser que par defaut il est a 0, ce que traduisent bien les navigateurs recents. Mais IE 6 et la logique hein... Il faut toujours tout lui dire.
Pour les elements en position absolute, toujours renseigner 2 proprietes de positionnement (top ou bottom / et / right ou left)

Tu peux par la meme occasion te separer du float: left qui n'a aucun interet sur un element en position absolute

Voila, tu as bien le temps de remedier a cela avant le debut des fetes

Que dire ? TROP FORT !!!
Tout fonctionne parfaitement.
Merci beaucoup pour ton aide et les conseils K-feine.
Je serais à l'heure pour le premier décembre... si je vois le Père-Noël, je lui dirais qu'il pense aussi à toi.
Modifié par Eagle2000 (24 Nov 2008 - 18:05)