28172 sujets

CSS et mise en forme, CSS3

[Resolu] Decalage vertical div avec flash sur IE uniquement

Bonjour.

Je m'arrache les cheveux et je n'ai toujours pas trouvé la solution.
J'ai un décalage vertical d'une div avec un bandeau flash uniquement sur IE7.
J'ai testé sur firefox (PC et mac) et safari. Tout fonctionne.

Si quelqu'un à une idée. Merci de votre aide.

La page http://www.gwendallmavic.fr/auroigradlon/index2.php

la page html :
 	<body>
		<div id="forme">
			<div id="filet_haut"></div>

			<div id="bandeau_haut">
			<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=7,0,0,0',
						'width', '740',
						'height', '190',
						'src', 'anim_roi',
						'quality', 'high',
						'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
						'align', 'middle',
						'play', 'true',
						'loop', 'true',
						'scale', 'showall',
						'wmode', 'window',
						'devicefont', 'false',
						'id', 'anim_roi',
						'bgcolor', '#ffffff',
						'name', 'anim_roi',
						'menu', 'true',
						'allowFullScreen', 'false',
						'allowScriptAccess','sameDomain',
						'movie', 'anim_roi',
						'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=7,0,0,0" width="740" height="190" id="anim_roi" align="middle">
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="allowFullScreen" value="false" />
				<param name="movie" value="anim_roi.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="anim_roi.swf" quality="high" bgcolor="#ffffff" width="740" height="190" name="anim_roi" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
				</object>
			</noscript>			
			</div>
		
			<!-- adresse -->

			<div id="adresse">
				<strong class="jaune">H&ocirc;tel Au Roi Gradlon**</strong> - 3, Avenue Manu Brusq - 29770 Audierne - Tel : 02 98 70 04 51 - Fax : 02 98 70 14 73</div>
			
			<div id="filet_bas"></div>
			
		</div>
		<div id="mentions"><p><a href="http://www.gwendallmavic.fr" target="_blank">&copy; Gwendall Mavic 2008</a> - <a href="mentions.html" target="_blank">Mentions l&eacute;gales</a></p></div>

	</body>



Le CSS :
* {
			margin:0;
			padding:0;
			}
			
			body {
			padding:20px 0 20px 0;
			font:80% Verdana, "Trebuchet MS", sans-serif;
			background-color: #7e655a;
			background: url(images/fond_site.jpg) no-repeat fixed ;
			color:#bbb1ad
			}
				
			#forme {
			position:relative;
			width:750px;
			left:50%;
			margin-left:-375px;
			background: url(images/fond_interieur.gif) top center repeat-y ;
			overflow: auto;
			z-index:50;
			}
			
			#filet_haut {
			margin: 0;
			padding: 0;
			width: 750px;
			height: 5px;
			background: url(images/filet_haut.gif) top center no-repeat ;
			}
			
			#bandeau_haut{
			margin: 0 5px;
			padding: 0;
			width: 740px;
			height: 190px;
			}
			
			#adresse {
			margin: 0px 5px 0 5px;
			padding-top: 8px;
			padding-bottom: 8px;
			width: 740px;
			background-color: #123870;
			text-align:center;
			color: white;			
			font: italic 12px Georgia,"Times New Roman",Times, serif;		
			}
		
			#filet_bas{
			margin: 0;
			padding: 0;
			width: 750px;
			height: 5px;
			background: url(images/filet_bas.gif) no-repeat;
			overflow: auto
			}

Modifié par Gwendall (21 May 2008 - 15:11)
Bonjour,

Il s'agit d'un problème de taille de police.
En ajoutant : 
font-size:1px;
dans les propriétés de l'identifiant 'filet_haut' le problème est résolu.

Edit : juste pour signaler que le problème est le même pour 'filet_bas' bien que moins visible.
Modifié par Shunkin (15 May 2008 - 13:31)
Sujet clos
Aller à