Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
870 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Disparition de la Div du bas lors de l'insertion d'un .swf

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Disparition de la Div du bas lors de l'insertion d'un .swf

n°2061153
orang
Posté le 04-03-2011 à 12:51:15  profilanswer
 

Bonjour,
 
J'ai réalisé un site simple pour tenter d'y insérer une animation flash.
Cette animation devrait prendre sa place dans la div de droite.
Elle-même imbriquée dans un cadre qui comporte également tout le reste du site (div du haut, div de menu, div de gauche et div du bas).
 
Tous fonctionne correctement tant que je n'insère pas de flash.
 j'ai essayé d'autres médias, texte, etc et là ça fonctionne.
 
Le CSS :

Code :
  1. @charset "ISO-8859-1";
  2. .Cadre {
  3. width:75%;
  4. height:500px;
  5. background-color:white;
  6. margin:auto;
  7. border-top:10px solid;
  8. border-left:10px solid;
  9. border-right:10px solid;
  10. border-color:#a8d426;
  11. }
  12. .BanHaute {
  13. width:100%;
  14. height:100px;
  15. background-color:black;
  16. clear:both;
  17. poistion:relative;
  18. }
  19. .Logo {
  20. width:40px;
  21. height:40px;
  22. background-color:pink;
  23. position: absolute; z-index: 1;
  24. }
  25. .Menu {
  26. float:left;
  27. margin-top:5px;
  28. margin-left:5%;
  29. width:40%;
  30. color:#a8d426;
  31. background-color:black;
  32. font-family:Geneva, Arial, Helvetica, sans-serif;
  33. text-align:center;
  34. border-left:5px solid;
  35. border-color:#a8d426;
  36. }
  37. .Aera {
  38. position:absolute;
  39. float:left;
  40. margin-top:50px;
  41. margin-left:5%;
  42. width:40%;
  43. color:#a8d426;
  44. font-family:Geneva, Arial, Helvetica, sans-serif;
  45. text-align:left;
  46. border-left:5px solid;
  47. border-color:#a8d426;
  48. }
  49. .News {
  50. position:absolute;
  51. float:left;
  52. margin-top:150px;
  53. margin-left:5%;
  54. width:20%;
  55. color:#a8d426;
  56. font-family:Geneva, Arial, Helvetica, sans-serif;
  57. padding-left:25%;
  58. text-align:left;
  59. }
  60. .BanBas {
  61. margin-top:375px;
  62. width:100%;
  63. height:40px;
  64. text-align:center;
  65. font-family:Geneva, Arial, Helvetica, sans-serif;
  66. background-color:yellow;
  67. }
  68. .IllustraDr {
  69. float:right;
  70. background-color:pink;
  71. width:30%;
  72. height:350px;
  73. }
  74. .ColonneGh {
  75. float:left;
  76. background-color:brown;
  77. width:70%;
  78. height:350px;
  79. }
  80. .TxtBgNoir {
  81. margin:0;
  82. background:black;
  83. text-align:center;
  84. font-weight:bold;
  85. }
  86. h1 {
  87. margin-top:0;
  88. text-indent:40px;
  89. color:white;
  90. font-family:Geneva, Arial, Helvetica, sans-serif;
  91. font-size:24px;
  92. font-weight:lighter;
  93. }
  94. h2 {
  95. text-indent:35px;
  96. color:white;
  97. font-family:Geneva, Arial, Helvetica, sans-serif;
  98. font-size:16px;
  99. font-weight:bold;
  100. }
  101. h3 {
  102. color:purple;
  103. font-family:Geneva, Arial, Helvetica, sans-serif;
  104. font-size:14px;
  105. font-weight:normal;
  106. }
  107. a {
  108. text-decoration:none;
  109. color:white;
  110. }
  111. a:hover {
  112. color:#a8d426;
  113. }


 
Le HTML :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>An XHTML 1.0 Strict standard template</title>
  7. <meta http-equiv="content-type"
  8.  content="text/html;charset=ISO-8859-1" />
  9.   <link rel="stylesheet" type="text/css" href="../CSS/WDGDC.css" />
  10. </head>
  12. <body>
  13. <div class="Cadre">
  14.  <div class="Logo"></div>
  15.  <div class="BanHaute">
  16.   <h1>or fringilla</h1>
  17.   <h2>or fringilla</h2>
  18.  </div>
  20.  <div class="ColonneGh">
  22.   </div>
  24.  <div class="IllustraDr">
  25.   <object type="application/x-shockwave-flash" data="../Anim/arbralien.swf" width="300" height="350">"
  26.   <param name="movie" value="anim_index.swf" />
  27.   <param name="quality" value="high" />
  28.   <param name="wmode" value="transparent"/>
  29.  </div>
  31. <div class="BanBas">
  32.   <a href="#">or fringilla</a> | <a href="#">or fringilla</a> | <a href="#">or fringilla</a> vd
  33. </div>
  34. </div>
  35. </body>
  36. </html>


 
Par avance, merci pour toute l'aide que vous pourriez m'apporter :)


Message édité par orang le 04-03-2011 à 12:51:29
mood
Publicité
Posté le 04-03-2011 à 12:51:15  profilanswer
 

n°2061168
T2k
Posté le 04-03-2011 à 14:29:38  profilanswer
 

# <div class="IllustraDr">
#   <object type="application/x-shockwave-flash" data="../Anim/arbralien.swf" width="300" height="350">"
#   <param name="movie" value="anim_index.swf" />
#   <param name="quality" value="high" />
#   <param name="wmode" value="transparent"/>
#   </object>
#  </div>
 
 :??:

n°2061173
orang
Posté le 04-03-2011 à 14:54:21  profilanswer
 

Merci, c'est tout à fait ça.
Plus précisémment l'insertion reconnue par IE9 est celle-ci :

Code :
  1. <object
  2.    type="application/x-shockwave-flash" data="../Anim/arbralien.swf"
  3.    width="300" height="350">
  4.     <param name="movie" value="../Anim/arbralien.swf" /> <!-- ne pas oublier ça ;-) -->
  5.     <param name="wmode" value="transparent" />
  6.   </object>


Message édité par orang le 04-03-2011 à 14:55:36
n°2061174
T2k
Posté le 04-03-2011 à 14:57:53  profilanswer
 

il y avait un " de trop aussi que javais pas vu (juste apres la balise d'ouverture <object ...>

n°2061177
orang
Posté le 04-03-2011 à 15:14:52  profilanswer
 

Exact, j'avais bêtement repris un script trouvé sur le net.
Sans même prendre le temps de faire un c/c correct :/


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Disparition de la Div du bas lors de l'insertion d'un .swf

 

Sujets relatifs
Modification, insertion, suppression, dans un tableau deux dimensions[HTML] Insertion automatique d'un terme dans la barre d'adresse
[CSS] Réalisation d'un site trois colonnes flottantes dans Div[PostgreSQL] insertion massive et triggers
Probleme DIV sur IELinux - notification d'insertion disque
Problème d'insertion d'image sous LaTeX[Résolu] Div avec photo et texte pour index gallerie
insertion dans plusieurs tables à la foisprobleme d'insertion d'un code dans freeglobes
Plus de sujets relatifs à : Disparition de la Div du bas lors de l'insertion d'un .swf

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.062 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR