Hej guy's.
Jeg sidder med et kæmpe problem.
Jeg sidder og laver et projekt i min skole.
jeg har en flash menu som skal ligge over nogle div bokse. Og div boksen har overflow, og har sat wmode til transparent i flash-koden
Det virker fint i explorer. Men det går helt galt i Firefox og Safari.
Se siden herHer er koden for html siden:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Tim Christensen</title>
- <link href="style.css" type="text/css" rel="stylesheet" />
- <script language="javascript">AC_FL_RunContent = 0;</script>
- <script src="AC_RunActiveContent.js" language="javascript"></script>
-
- </head>
-
- <body>
-
- <div id="search">
- <center>
- <form>
- <input type="text" value="Search" style="color:#f9ecd5;background-color:transparent;border:1px solid #f9ecd5; margin-left:2px;" />
- <button style="background-color:transparent; border: 1px solid #f9ecd5; color:#f9ecd5; padding-right:5px; padding-left:5px; margin-left:2px;" type="submit">Go</button>
- </form></center></div>
- <div id="wrapper">
- <div id="container">
-
- <!--div id="galleri">
- <h1>Test</h1>
- </div-->
-
- <div id="indhold">
- <h1>Hej hej</h1>
- </div>
- <!--iframe frameborder="0" src="iframe_test.html" id="indhold" ></iframe-->
-
- </div>
- <div id="menu">
- <!--url's used in the movie-->
- <!--text used in the movie-->
- <!-- saved from url=(0013)about:internet -->
- <script language="javascript">
- if (AC_FL_RunContent == 0) {
- alert("This page requires AC_RunActiveContent.js.");
- } else {
- AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','1024','height','400','id','menu','align','middle','src','menu','wmode','transparent','quality','high','bgcolor','#ffffff','name','menu','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','menu' ); //end AC code
- }
- </script>
- <noscript>
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1024" height="400" id="menu" align="middle">
- <param name="allowScriptAccess" value="sameDomain" />
- <param name="allowFullScreen" value="false" />
- <param name="wmode" value="transparent" />
- <param name="movie" value="menu.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="menu.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="1024" height="500" name="menu" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
- </object>
- </noscript>
- </div>
-
- </div>
-
- </body>
- </html>
og her er koden for css:
- @charset "utf-8";
- /* CSS Document */
-
- body{
- color:#FFFFFF;
- margin-top:0px;
- background-color: #0b0a06;
- }
- #wrapper{
- margin-top:0px;
- background-image:url(bg.jpg);
- background-repeat:no-repeat;
- height: 100%;
- width: 1024px;
- margin-right: auto;
- margin-left: auto;
- }
- #search{
- background-image: url(images/test.jpg);
- background-repeat: no-repeat;
- height: 31px;
- width: 225px;
- padding-top: 4px;
- position: absolute;
- left: 800px;
- top: 2px;
- }
- #container{
- height: 665px;
- width: 825px;
- border: 1px solid #0b0a06;
- margin-left: auto;
- margin-right: auto;
- }
- #indhold{
- border: 1px hidden #ffffff;
- height: 505px;
- width: 413px;
- float: right;
- margin-top: 112px;
- margin-left: 407px;
- margin-right:2px;
- background-color: transparent;
- z-index: 1;
- overflow: auto;
- scrollbar-base-color:#000000;
- scrollbar-face-color:#000000;
- scrollbar-shadow-color:#695e33;
- scrollbar-darkshadow-color:#000000;
- scrollbar-highlight-color:#000000;
- scrollbar-arrow-color:#695e33;
- scrollbar-3dlight-color:#695e33;
- }
- #galleri{
- border: 1px hidden #ffffff;
- height: 485px;
- width: 800px;
- margin-top: 112px;
- padding: 10px;
- overflow:auto;
- }
- #menu{
- clear: both;
- /*background-image:url(menu.png);*/
- width: 1024px;
- height: 400px;
- /*border: 1px solid #ffffff;*/
- background-position:center;
- position: absolute;
- top: 100px;
- margin: 0px;
- z-index:2;
- }