Téléchargement
illégal
Posez votre question Signaler

Bug sous IE html/CSS

Rhesux - Dernière réponse le 10 juil. 2008 à 11:38
Bonjour à tous,
Voila je suis en train de coder un ptit site de présentation avec une banière flash, alors sous Firefox, aucun problème, sous IE par contre...
j'aurai besoin de vos lumières pour m'aider a résoudre ce problème, voici mon code html :
________________________________________________________________________________________________
<html>
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>
<body>
<div id="conteneur">
<div id="ban"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,2 9,0" width="32" height="32">
<param name="movie" value="high">
<param name="quality" value="high">
<embed src="panoramasms.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="711" height="206"></embed></object></div>
<div id="menu">
</div>
<div id="affiche">
</object>
</div>
</div>
</body>
</html>
_____________________________________________________________________________________________
Et voici le CSS :
_____________________________________________________________________________________________
html {
height: 100%;
}
body
{
height: 100%;
margin: 0;
padding: 0;
text-align: center ;
}
div#conteneur
{
position:absolute;
left: 50%;
top: 50%;
width: 800px;
height: 525px;
margin-top: -262px; /* moitié de la hauteur */
margin-left: -400px; /* moitié de la largeur */
background-image:url(images/index.jpg);
z_index=1;
}
div#ban
{
position:absolute;
left: 50%;
top: 50%;
width: 711px;
height:206px;
margin-top: -203px; /* moitié de la hauteur */
margin-left: -355px; /* moitié de la largeur */
z_index=2;
}
div#menu
{
float:left;
margin-top:300px;
width:350px;
height:250px;
}
div#affiche
{
float:right;
margin-right:90px;
width:350px;
height:250px;
}
_____________________________________________________________________________________________
merci d'avance.
Rhesux
Lire la suite 

Bug sous IE html/CSS »

9 réponses
Réponse
+0
moins plus
J'ai oublié de préciser que sous IE, la bannière flash n'apparait pas (j'ai pourtant bien la dernière version) et que le background du conteneur est en mosaïque, si je rajoute no-repeat center, plus rien n'apparait.

autre chose, si on rajoute un border a chaque div on peux voir que le conteneur est plus grand sous IE que sous FF, kesakodukomen?
Ajouter un commentaire
Réponse
+0
moins plus
Laisse moi deviner, ton flash ne s'affiche pas ?
Si oui cela vient du fait que les attributs d'<object> que tu utilises ne sont pas standard. De plus, il doit manquer un <param> pour désigner la vidéo d'<object>
De plus, c'est pas "z_index=1" mais "z-index: 1"
Ajouter un commentaire
Réponse
+0
moins plus
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0"
width="154" height="99">
<param name="SRC" value="panoramasms.swf">
<param name="QUALITY" value="high">
<param name="BGCOLOR" value="#000000">
<embed src="panoramasms.swf" pluginspage="http://www.macromedia.com/shockwave/download/"
type="application/x-shockwave-flash" width="711" height="206" quality="high" bgcolor="#CCCC00">
</embed>
</object>


C'est mieux comme ca ?

(le flash n'apparais toujours pas)
Ajouter un commentaire
Réponse
+0
moins plus
J'ai personnellement utilisé ceci et cela marche (http://flv-player.net):

<object type="application/x-shockwave-flash" data="./player/player_flv_multi.swf" width="320" height="240">
<param name="movie" value="./player/player_flv_multi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=video.flv" />
</object>

Tu peux aussi envisager un <embed> dans l'<object> pour une retro-compatibilité avec les très vieux navigateurs
Ajouter un commentaire
Réponse
+0
moins plus
Merci, alors chose bizare, ça a marché une fois, et maintenant ça ne marche plus (j'ai rien changé, promis !)

je pense que ça viens plus du positionnement, mais je ne vois pas pk
Ajouter un commentaire
Réponse
+0
moins plus
Pense à vider ton cache et à forcer le rechargement par un CTRL+reload entre chaque test
Ajouter un commentaire
Réponse
+0
moins plus
Ca refonctionne, merci beaucoup,

par contre je ne comprend pas ce problème ou le background du conteneur s'affiche en mosaique et que lorsque l'on ajoute no-repeat il disparais sous IE
Ajouter un commentaire
Réponse
+0
moins plus
au lieu de background-image:url(images/index.jpg);
essaie plutôt
background: transparent url(images/index.jpg) no-repeat scroll top left;
Ajouter un commentaire
Réponse
+0
moins plus
Ca ne change rien
Ajouter un commentaire
Ce document intitulé « Bug sous IE html/CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?