28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis aujourd'hui confronté à un problème sur Firefox, que je n'avais encore jamais rencontré.

Je vous l'expose:

J'ai une div global contenant deux div positionnées l'une à côté de l'autre (avec float:left). Pas de problème jusque là. Je peux afficher dans ma div left ce que je veux (image, texte, les deux), sauf une animation flash,... car dans ce cas là, ma div right se trouve décalée en dessous, exclusivement sur Firefox (ou Netscape), pas de problème sur IE.

Avez-vous déjà rencontré ce type de problème?

Voici le code:

<div id="global">
	<div id="titre">
	<?php include('bandeau.php');?>
	</div>
	<div id="contenu">
		<div id="textecontenu">
			<div id="ariane"><?php include('ariane.php');?></div>
				<div id="left">
				<!--<img src="img/plan-foire.png" />-->
					<div id="animation-foire"></div>
									<script type="text/javascript"> 
									   var so = new SWFObject("anim/plan-foire.swf", "mymap", "600", "400", "7", "#336699"); 
									 so.addParam("quality", "high"); 
									   so.addParam("wmode", "transparent"); 
									   so.write("animation-foire"); 
									</script>
			
				</div>
				<div id="right">BLA BLA
				</div>
				<?php include('liens.php');?>
		</div>
	</div>
		
		<?php include('piedpage.php');?>


</div>


Et le CSS:

#left{width:600px;float:left;height:400px;background:#006600;height:400px;display:table;}
#right{width:220px;float:left;height:400px;display:table;background:#993366;}


J'espère que vous pourrez me venir en aide, car cela semble incompréhensible, surtout venant de Firefox. Smiley eek

Merci par avance!

@+!
Modifié par Neomcdn (23 Apr 2008 - 10:55)
Salut!

Personne n'a déjà rencontré ce problème??

J'ai à nouveau le problème sur un autre de mes sites. Lorsque j'ai un contenu image, pas de problème, mais lorsque j'ajoute du flash, un décalage se crée.

Bizarre!

Si vous avez une idée, je suis preneur.

@+! Smiley smile
Modifié par Neomcdn (02 Jun 2008 - 11:46)