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

Disparition de la Div du bas lors de l'insertion d'un .swf - HTML/CSS - Programmation

Marsh Posté le 04-03-2011 à 12:51:15    

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
Reply

Marsh Posté le 04-03-2011 à 12:51:15   

Reply

Marsh Posté le 04-03-2011 à 14:29:38    

# <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>
 
 :??:

Reply

Marsh Posté le 04-03-2011 à 14:54:21    

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
Reply

Marsh Posté le 04-03-2011 à 14:57:53    

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

Reply

Marsh Posté le 04-03-2011 à 15:14:52    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed