Autor |
Nachricht |
AndreasN
Threadersteller
Dabei seit: 20.11.2004
Ort: Berlin
Alter: 43
Geschlecht:
|
Verfasst Do 15.04.2010 15:12
Titel z-index und flash |
|
|
Hallo miteinander,
ich hab jetzt schon dieses forum durchsucht, sowie das internet - jedoch keine lösung gefunden.
meine flashdatei (100% breit, 100% hoch) liegt NUR im safari-browser (windows) immer oben, über alle div-layers sozusagen.
css-tag z-index des div-layers vom flash ist bereits auf 1 gesetzt.
die anderen 2 oder höher.
ebenso ist im script der flash-ausgabe wmode auf transparent - dennoch klappt es nicht.
es liegt immer auf höchster ebene.
woran könnte dies liegen?
beste grüße
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 15.04.2010 15:18
Titel Re: z-index und flash |
|
|
EDIT
AndreasN hat geschrieben: | ebenso ist im script der flash-ausgabe wmode auf transparent - dennoch klappt es nicht. |
verdammt übersehen, sry
Zuletzt bearbeitet von emorikaner am Do 15.04.2010 15:21, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
AndreasN
Threadersteller
Dabei seit: 20.11.2004
Ort: Berlin
Alter: 43
Geschlecht:
|
Verfasst Do 15.04.2010 16:47
Titel hier noch der code |
|
|
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<?php include("install.title.php"); ?>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="0" />
<?php include("install.metas.php"); ?>
<meta name="audience" content="all" />
<meta name="author" content="" />
<meta name="content-language" content="de" />
<meta name="copyright" content="" />
<meta name="page-topic" content="" />
<meta name="page-type" content="" />
<meta name="publisher" content="" />
<meta name="rating" content="all" />
<meta name="robots" content="Index,Follow" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
<script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>
<div id="flash1"><script type="text/javascript" src="js/back.js"></script></div>
<div id="fusszeile">... Alle Rechte vorbehalten. | <a href="sitemap.html">Sitemap</a></div>
<div id="oben">
<div id="navigation">
<?php include("install.navigation.php"); ?>
</div>
<div id="logo"><img src="bilder/logo.png" width="244" height="88" alt="Logo" /></div>
</div>
<div id="content">
<div id="rotebox"><div style="padding-left:70px;"><!--[if !IE]>--><iframe width="220" height="135" src="../module/twitter.php" name="twitter" id="twitter" frameborder="0" scrolling="no"></iframe><!--<![endif]--><!--[if IE]><iframe allowtransparency="true" width="220" height="135" src="../module/twitter.php" name="twitter" id="twitter" frameborder="0" scrolling="no"></iframe><![endif]--></div>
<div id="socials"><a href="http://facebook....." target="_blank"><img src="../bilder/logo_facebook.png" width="64" height="16" alt="facebook" style="margin-right:9px;"></a><a href="http://www.myspace.de/..." target="_blank"><img src="../bilder/logo_myspace.png" width="73" height="16" alt="myspace" style="margin-right:9px;"></a><a href="http://twitter....." target="_blank"><img src="../bilder/logo_twitter.png" width="65" height="16" alt="twitter"></a></div></div>
<?php include("install.inhalt.php"); ?>
<?php include("install.leiste.php"); ?>
</div>
</body>
</html> |
Code: | document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%" hspace="0" vspace="0" align="middle">');
document.write('<param name="allowScriptAccess" value="sameDomain">');
document.write('<param name="movie" value="swf/back.swf">');
document.write('<param name="quality" value="high">');
document.write('<param name="bgcolor" value="#ffffff">');
document.write('<param name="wmode" value="transparent">');
document.write('<embed src="swf/back.swf" width="100%" height="100%" hspace="0" vspace="0" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" quality="high" bgcolor="#ffffff" wmode="transparent" allowScriptAccess="sameDomain"></embed>');
document.write('</object>'); |
Code: | @charset "utf-8";
/* CSS Document */
html, body {
margin:0;
padding:0;
height: 100%;
background-color:#3c3c3c;
font-family:Tahoma, Geneva, Arial;
font-size:0.9em;
color:#3c3c3c;
}
img {
border:0;
}
a {
color:#d4002d;
text-decoration:underline;
outline:0;
-moz-outline:0;
}
a:hover {
color:#d4002d;
text-decoration:none;
outline:0;
-moz-outline:0;
}
#flash1 {
width:100%;
height:100%;
position:absolute;
z-index:1;
}
#flash2 {
width:100%;
height:100%;
position:absolute;
display:none;
z-index:1;
}
#schalter1 {
top:15px;
left:15px;
width:150px;
height:150px;
position:absolute;
z-index:300;
}
#schalter2 {
top:15px;
left:15px;
width:150px;
height:150px;
position:absolute;
display:none;
z-index:300;
}
#oben {
left:50%;
top:0;
margin:0;
margin-left:-500px;
width:1000px;
height:51px;
font-size:11px;
position:absolute;
z-index:300;
}
#navigation {
margin:40px 0 0 0;
width:755px;
height:51px;
font-size:11px;
float:left;
background-image:url(../bilder/nav_back.png);
background-repeat:no-repeat;
z-index:300;
}
#navigation ul {
margin:0;
padding:0;
list-style-type:none;
}
#navigation li {
float:left;
margin:0;
padding:15px 12px 26px 13px;
}
#navigation a {
color:#3c3c3c;
text-decoration:none;
}
#navigation a:hover {
color:#3c3c3c;
text-decoration:underline;
}
#logo {
margin:30px 0 0 0;
text-align:right;
float:right;
width:244px;
height:88px;
}
#fusszeile {
bottom:0;
width:100%;
height:40px;
color:#ffffff;
text-align:center;
vertical-align:middle;
font-size:11px;
background-color:#3c3c3c;
position:absolute;
z-index:300;
}
#fusszeile a {
color:#ffffff;
}
#fusszeile a:hover {
color:#ffffff;
}
#content {
left:50%;
top:90px;
margin:0;
margin-left:-500px;
width:1000px;
height:500px;
position:absolute;
z-index:300;
}
#inhalt {
bottom:0;
margin:0 0 140px 0;
padding:27px 21px 35px 22px;
width:708px;
height:auto;
background-image:url(../bilder/inh_back.png);
background-repeat:no-repeat;
position:absolute;
}
#inhalt ul, #inhalt2 ul {
margin:0 0 0 0;
list-style: url(../bilder/raute.png) disc;
}
#inhalt li, #inhalt2 li{
margin:0;
padding:0 0 5px 0;
}
#inhalt2 {
bottom:0;
margin:0 0 31px 0;
padding:27px 19px 38px 19px;
width:713px;
height:auto;
background-image:url(../bilder/inh_back.png);
background-repeat:no-repeat;
position:absolute;
}
#inhalt2_unten {
bottom:0;
margin:0 0 19px 0;
padding:0;
width:751px;
height:12px;
background-image:url(../bilder/inh_back_unten.png);
background-repeat:no-repeat;
position:absolute;
}
#leiste {
margin:0 0 19px 0;
padding:0;
width:751px;
bottom:0;
position:absolute;
background-image:url(../bilder/leiste_back2.png);
background-repeat:no-repeat;
}
#rotebox {
right:0;
bottom:0;
margin:0;
padding:0;
width:306px;
height:156px;
position:absolute;
background-image:url(../bilder/rotesfeld_back.png);
background-repeat:no-repeat;
}
#socials {
margin:0;
padding:0 7px 0 70px;
} |
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Do 15.04.2010 17:10
Titel
|
|
|
edit: hä wo is mein ganzer text hin.
naja, du musst auf jeden fall alle elemente positionieren, welche du mit einem z-index versiehst.
nicht positionierte (bzw static) positionierte elemente, greifen nicht bei z-index.
zb : deine navigation
mach doch einfach ma
Code: |
* {
position:relative;
z-index:2;
}
|
natürlich kannst du es auch den einzelnen relevanten elementen geben, aber mit dem geposteten code werde ich mich nicht beschäftigen. wenn dann die wichtigen elemente filtern, bitte.
Zuletzt bearbeitet von choise am Do 15.04.2010 17:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
AndreasN
Threadersteller
Dabei seit: 20.11.2004
Ort: Berlin
Alter: 43
Geschlecht:
|
Verfasst Do 15.04.2010 17:37
Titel
|
|
|
choise hat geschrieben: | edit: hä wo is mein ganzer text hin.
naja, du musst auf jeden fall alle elemente positionieren, welche du mit einem z-index versiehst.
nicht positionierte (bzw static) positionierte elemente, greifen nicht bei z-index.
zb : deine navigation
mach doch einfach ma
Code: |
* {
position:relative;
z-index:2;
}
|
natürlich kannst du es auch den einzelnen relevanten elementen geben, aber mit dem geposteten code werde ich mich nicht beschäftigen. wenn dann die wichtigen elemente filtern, bitte. |
vereinfacht:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
...
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
...
</head>
<body>
<div style="z-index:1; position:absolute;"><script type="text/javascript" src="js/back.js"></script></div>
<div style="z-index:2; position:absolute;"><br />© 2008-2010 ...Alle Rechte vorbehalten. | <a href="sitemap.html">Sitemap</a></div>
</body>
</html> |
Code: | document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%" hspace="0" vspace="0" align="middle">');
document.write('<param name="allowScriptAccess" value="sameDomain">');
document.write('<param name="movie" value="swf/back.swf">');
document.write('<param name="quality" value="high">');
document.write('<param name="bgcolor" value="#ffffff">');
document.write('<param name="wmode" value="transparent">');
document.write('<embed src="swf/back.swf" width="100%" height="100%" hspace="0" vspace="0" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" quality="high" bgcolor="#ffffff" wmode="transparent" allowScriptAccess="sameDomain"></embed>');
document.write('</object>'); |
auch dann geht es nicht. das flash legt sich über den layer mit dem text.
und bei "relative" liegen die ebenen untereinander, aber nicht übereinander.
grüße
Zuletzt bearbeitet von AndreasN am Do 15.04.2010 17:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
z-index 1 über flash
HTML-Navigation vor Flash (Z-Index)
z-index Problem, Navigation verschwindet hinter Flash
z-index:-1 im IE
wechselnder Index
z-index Problem
|
|