Sujet Précédent Sujet Suivant

Bug sous IE html/CSS

Fermé
Rhesux - 10 juil. 2008 à 10:42
 Rhesux - 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://fpdownload2.macromedia.com/get/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="https://get.adobe.com/flashplayer/" 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
A voir également:

9 réponses

Réponse 1 / 9
Rhesux
10 juil. 2008 à 10:44
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?
0
Réponse 2 / 9
vignemail1 Messages postés 1246 Date d'inscription vendredi 8 octobre 2004 Statut Contributeur Dernière intervention 13 septembre 2019 259
10 juil. 2008 à 10:46
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"
0
Réponse 3 / 9
Rhesux
10 juil. 2008 à 10:57
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://fpdownload2.macromedia.com/get/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="https://helpx.adobe.com/shockwave/shockwave-end-of-life-faq.html"
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)
0
Réponse 4 / 9
vignemail1 Messages postés 1246 Date d'inscription vendredi 8 octobre 2004 Statut Contributeur Dernière intervention 13 septembre 2019 259
10 juil. 2008 à 11:04
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 9
Rhesux
10 juil. 2008 à 11:13
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
0
Réponse 6 / 9
vignemail1 Messages postés 1246 Date d'inscription vendredi 8 octobre 2004 Statut Contributeur Dernière intervention 13 septembre 2019 259
10 juil. 2008 à 11:17
Pense à vider ton cache et à forcer le rechargement par un CTRL+reload entre chaque test
0
Réponse 7 / 9
Rhesux
10 juil. 2008 à 11:32
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
0
Réponse 8 / 9
vignemail1 Messages postés 1246 Date d'inscription vendredi 8 octobre 2004 Statut Contributeur Dernière intervention 13 septembre 2019 259
10 juil. 2008 à 11:36
au lieu de background-image:url(images/index.jpg);
essaie plutôt
background: transparent url(images/index.jpg) no-repeat scroll top left;
0
Réponse 9 / 9
Rhesux
10 juil. 2008 à 11:38
Ca ne change rien
0

Discussions similaires

Prélèvement Google Ireland Limited
jaffa1961 -
gill34051 -

32 réponses
Facture de google 380€ !
Misternet -
okapi -

61 réponses
Problème Facebook rencontre
Margalle -
Jpf -

17 réponses
Iptv beug
leogauthier15 -
bazfile -

1 réponse
Arnaque frauduleuse Ireland ltd
Mymy -
celine -

3 réponses