Bug sous IE html/CSS
Rhesux
-
Rhesux -
Rhesux -
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
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:
- Bug sous IE html/CSS
- Editeur html - Télécharger - HTML
- Ie tab - Télécharger - Outils pour navigateurs
- Bug chromecast - Guide
- Iptv bug ✓ - Forum TV & Vidéo
- Html br - Forum HTML
9 réponses
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?
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?
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"
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"
<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)
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)
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
<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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
je pense que ça viens plus du positionnement, mais je ne vois pas pk
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
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
