28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous.

J'ai un pb de positionnement flash avec IE uniquement.
J'ai testé sur Firefox (MAC et PC) et sur Safari, tout fonctionne parfaitement.
Je ne trouve pas d'ou cela peut venir. J'ai cherché sur le forum et bien qu'il y ai des post concernant flash, je n'ai rien trouvé pour m'éclairer.
Le lien pour exemple : http://www.gwendallmavic.fr/test/test.html

Mon code pour le flash :
<div id="anim">
			<script language="javascript">
				if (AC_FL_RunContent == 0) {
					alert("Cette page nécessite le fichier AC_RunActiveContent.js.");
				} else {
					AC_FL_RunContent(
						'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0',
						'width', '550',
						'height', '150',
						'src', 'anim',
						'quality', 'high',
						'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
						'align', 'left',
						'play', 'true',
						'loop', 'true',
						'scale', 'showall',
						'wmode', 'transparent',
						'devicefont', 'false',
						'id', 'anim',
						'bgcolor', '#000000',
						'name', 'anim',
						'menu', 'true',
						'allowFullScreen', 'false',
						'allowScriptAccess','sameDomain',
						'movie', 'anim',
						'salign', ''
						); //end AC code
				}
			</script>

			<noscript>
				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="550" height="150" id="anim" align="middle">
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="allowFullScreen" value="false" />
				<param name="movie" value="anim.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#000000" />
				<param name='wmode' value='transparent' >
				<embed src="anim.swf" quality="high" bgcolor="#000000" width="550" height="150" name="anim" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
				</object>
			</noscript>
		</div>


et le CSS :
/*'------._ basics _.------'*/
* {margin:0;padding:0;}
body {padding:0;margin:0;font-family:Arial,sans-serif;font-size:10px;color:#333333;background: #28303f url(img/fond_site.gif);}

#bgtop {width:1005px;height:10px;margin:20px auto 0;padding:0; background:transparent url(img/bg_top.png) no-repeat top;}

#bgbottom {width:1005px;height:10px;margin:0 auto;padding:0; background:transparent url(img/bg_bottom.png) no-repeat top;}

#container {position: relative; width:1005px;margin:0 auto;padding:0;background:#343f51;}

#header {height:235px;margin:0;}
#header a {color:#FFF;text-decoration: none;}
#header h1 {margin:0;color:#fff;padding-left:0.5em;font-size:18px;}
#header h1 span {display:none;}

#logo {float : left; padding: 30px 0 0 15px; margin: 0}

#anim {position: absolute; top:9px; left:229px; width: 552px; border: #ccd2db 1px solid; text-align: left}
...


Si quelqu'un peut m'aider Smiley ohwell
Modifié par Gwendall (11 Dec 2008 - 11:35)
Pourquoi mettre ton anim en absolute, un simple float: left ou margin-left:229px. Et ceci pourrait régler ton problème sous IE mais je me trompe peut être ^^.
Ok ! Merci à vous deux.
Ca fonctionne avec float left, mais pas avec margin-left.
En ce qui concerne l'id, je ne l'avais pas vu. Oups.

merci encore.