flash in css ie zeigt gallery verschoben

bibifellow · 01.11.2009

Hallo, habe eine Gallery in flash erstellt und sie in html eingefügt. In FF funktioniert alles Bestens nur der ie verschiebt die Flashgallery

Mein Code in html

<div style="position:absolute; top:33%; right:300px; width:640px; height:310px;" >
<script type="text/javascript">
AC_FL_RunContent( 'data','sampleKunsst.swf','type','application/x-shockwave-flash','width','600','height','393','top','30','codebase','http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0','src','sampleKunst','align','right','pluginspace','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash','movie','sampleKunst' ); //end AC code
</script>
<noscript>
<object data="sampleKunst.swf" type="application/x-shockwave-flash" width="600" height="393" top="30" codebase="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<param name="movie" value="sampleKunst.swf" />
<embed src="sampleKunst.swf" type="application/x-shockwave-flash" width="600" height="393" align="right" pluginspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
</noscript>
</div>

wie kann ich es mit ie kompatibel machen.

cebito · 01.11.2009

AW: flash in css ie zeigt gallery verschoben

Ich denk mal, das liegt daran, das bei deinem IE der Anzeigebereich nicht mit dem des FF identisch ist. Und in meinem FF wird es wahrscheinlich nochmal anders aussehen. Was möchtest du denn erreichen, wo deine Gallery zu sehen sein soll? Mach mal nen Screenshot von beiden Darstellungen.

bibifellow · 01.11.2009

AW: flash in css ie zeigt gallery verschoben

cebito · 01.11.2009

AW: flash in css ie zeigt gallery verschoben

Der IE macht genau was du ihm sagst:
33% (1/3 des Anzeigebereichs) von oben und 300px von rechts...

Zeig mal den gesamten code (wie sind die anderen Elemente positioniert)? So wie ich es sehe möchtest du deine Flashgalerie unter dem grauen Head-Bereich beginnen lassen und im schwarzen Bereich horizontal mittig setzen?! Im übrigen, warum ist deine Flashgalerie größer ('height','393',) als der umschließende Div (height:310px; )? Da musst auch noch overflow festlegen.

bibifellow · 01.11.2009

AW: flash in css ie zeigt gallery verschoben

Das ist der ganze html Text mir ist jetzt auch noch aufgefallen das die Galerie im ie ladet ohne Ende ohne ein Bild zu vergrößern. Woran kann das den noch liegen?? Also positionieren hilft muss dann wohl noch einen Code einfügen das er bei ie ein andere html öffnen soll.

<!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>
<link href="../css/l.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../css/navi1.css" rel="stylesheet" type="text/css" media="screen" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body id="Startseite">

<div id="kopfbereich"></div>

<div id="navigation">
<ul>
</span>
<li> <a href="../index.html" >Home</a></li>
<li> <a href="../html/Werbung.html" class="Stil18" >Werbung</a></li>
<li> <a href="../html/Industrie.html" >Industrie</a>

<li> <a href="Reportage.html" >Reportage</a>

<ul >

<li> <a href="Loudenne.html" >Loudenne</a></li>
<li > <a href="Peru.html" >Peru</a></li>
<li > <a href="Schuster.html" >Schuster</a></li>
<li > <a href="Schwarze.html" >Schwarze</a></li>
<li > <a href="Winzer.html" >Winzer</a></li>
</ul>
<li><a href="Portrait.html" >Portrait</a></li>
<li> <a href="Erotik.html" >Erotik</a></li>
<li> <a href="Hochzeit.html" >Hochzeit</a></li>
<li> <a href="Kunst.html" class="Stil19" >Kunst</a></li>
<li> <a href="Referenzen.html" >Referenzen</a></li>
<li> <a href="Lebenslauf.html" class="Stil17" >Lebenslauf</a></li>
<li> <a href="Preise.html" >Preise</a></li>

</div>



<div style="position:absolute; top:33%; right:300px; width:640px; height:310px;" >
<script type="text/javascript">
AC_FL_RunContent( 'data','sampleKunsst.swf','type','application/x-shockwave-flash','width','600','height','393','top','30','codebase','http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0','src','sampleKunst','align','right','pluginspace','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash','movie','sampleKunst' ); //end AC code
</script>
<noscript>
<object data="sampleKunst.swf" type="application/x-shockwave-flash" width="600" height="393" top="30" codebase="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<param name="movie" value="sampleKunst.swf" />
<embed src="sampleKunst.swf" type="application/x-shockwave-flash" width="600" height="393" align="right" pluginspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
</noscript>
</div>

<div id="Fussbereichfirst">
<div align="center"><br /></div>
</div>
<div id="Fussbereich">

<div align="center">
<address>
· J · <br />
Tel: · Fax: · Mobil
<a href="mailto:" class="Stil5 Stil6 Stil16"></a>
</address>
</div>
</div> 
</div> <!-- wrapper --A
</ body id="Startseite">
</html>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

cebito · 01.11.2009

AW: flash in css ie zeigt gallery verschoben

</div> <!-- wrapper --A
</ body id="Startseite">
</html>

Hinter </div> der Kommentar ist nicht geschlossen (A weg und > hinmachen), somit auch dein body und html nicht... für den Rest muss ich erstmal schauen.

Edit: in deiner Navi ist auch alles durcheinander, räum mal da auf, da fehlen <ul>, <li> sind nicht geschlossen und was macht </span> da? So ist besser:

Code:

<div id="navigation">

<ul>
    <li> <a href="../index.html" >Home</a></li>
    <li> <a href="../html/Werbung.html" class="Stil18" >Werbung</a></li>
    <li> <a href="../html/Industrie.html" >Industrie</a></li>
    <li> <a href="Reportage.html" >Reportage</a>
        <ul>
            <li> <a href="Loudenne.html" >Loudenne</a></li>
            <li > <a href="Peru.html" >Peru</a></li>
            <li > <a href="Schuster.html" >Schuster</a></li>
            <li > <a href="Schwarze.html" >Schwarze</a></li>
            <li > <a href="Winzer.html" >Winzer</a></li>
        </ul></li>
        
    <li><a href="Portrait.html" >Portrait</a></li>
    <li> <a href="Erotik.html" >Erotik</a></li>
    <li> <a href="Hochzeit.html" >Hochzeit</a></li>
    <li> <a href="Kunst.html" class="Stil19" >Kunst</a></li>
    <li> <a href="Referenzen.html" >Referenzen</a></li>
    <li> <a href="Lebenslauf.html" class="Stil17" >Lebenslauf</a></li>
    <li> <a href="Preise.html" >Preise</a></li>
</ul>

</div>

Edit2: und um wirklich mehr zu sagen fehlt noch der Rest vom css, da gibts doch noch 2 Dateien:

Code:

<link href="../css/l.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../css/navi1.css" rel="stylesheet" type="text/css" media="screen" />

bibifellow · 01.11.2009

AW: flash in css ie zeigt gallery verschoben

Habe die navi geändert fehlen wirklich noch einige. Aber warum spielt der ie die flash galerie nicht ab??

nun die css

@charset "utf-8";
/* CSS Document */

body {
color:#000000;
background-color:#000000;
height: 400px;
width: 1200px;
position: fixed;
overflow: scroll;
}
#wrapper {
background-color:#999999;
height: 1000px;
width: 750px;
position: fixed;
background-color: #000000;
}
#kopfbereich {
color:#CCCCCC;
background-color:#666666;
height: 130px;
width: 1100px;
position: fixed;
}
#navigation
{
color:#000000;
background-color:#999999;
height: 400px;
width: 100px;
position: fixed;
top: 130px;
font-family: "Myriad Pro";
font-size: 14px;
}

.submenu {display:none; }

/* ==============================================
05 Patches für IE5.x und 6
============================================== */
/* IE 5.x und 6: hasLayout für Hyperlinks */
* html #navibereich ul,
* html #navibereich a,
* html #navibereich strong {
height: 1%; /* oder 1px oder irgendeinen anderen Wert */
}
/* Für IE 5.x (für IE 6 stört es nicht) */
* html #navibereich li {
float: left;
width: 100%;
}

#Actionbilder {
color:#000000;
background-color:#CCCCCC;
height: 300px;
width: 300px;
position: absolute;
top: 130px;
left: 380px;
}

#Textpreise {
color:#000000;
background-color:#999999;
height: 380px;
width: 600px;
position: fixed;
top: 130px;
left: 400px;
overflow: scroll;
}

#Fussbereich {
color:#CCCCCC;
background-color:#333333;
height: 60px;
width: 900px;
position: fixed;
top: 530px;
left: 200px;
text-align: center;
}

#Fussbereichfirst {
color:#CCCCCC;
background-color:#333333;
height: 60px;
width: 200px;
position: fixed;
top: 530px;
left: 0px;
}
.formbox {
width: 400px;
color: #000;
background-color: #999999;
border: 1px solid #666;
left: 240px;
top: 135px;
position: fixed;
}

.reihe {
clear: both;
padding: 2px 0px;
}

.label {
float: left;
width: 100px;
text-align: right;
padding-top: 3px;
padding-right: 5px;
}

.feld {
float: right;
width: 300px;
text-align: left;
}

.knopf {
clear: both;
text-align: center;
padding-top: 0px;
padding-bottom: 30px;
}

.defbreite {
width: 260px;
}

und dann noch die navi

@charset "utf-8";
/* CSS Document */

#navigation {
width:200px;
font-weight:bold;
top: 130px;

}

ul {
list-style:none;
height:100%;
}
ul li {
width: 99px;
overflow:hidden;
height: 35px;
background: #ccc;
border-top: 1px solid #ddd;
border-bottom: 1px solid #aaa;
border-left: 1px solid #ddd;
border-right: 1px solid #aaa;
}
ul li:hover {
overflow: visible;
background: #999;
}

ul ul {
margin: -36px 0 0 100px;
width: 100px;
}
ul ul li {
height: 35px;
float: right;
width: 98px;
}
ul li a {
}
a {
text-decoration:none;
color: #444;
display:block;
padding: 5px;
height: 25px;
font-family: "Myriad Pro";
font-size: 14px;
}
a:hover {
color: #ccc;
}

/*Layout*/
#wrapper {
width: auto;
margin: 0 auto;
color: #fff;
}
#wrapper #header {
width: auto;
background: #990374;
position: relative;
}

#wrapper #main {
width: auto;
color: #990374;
padding: 40px;
}

#footer {
background: #2A4694;
width: auto;
clear: both;
position: relative;
}

/*Globals*/

* {
padding: 0px;
margin: 0px;
border: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
html,
body {
font-size: 100.01%;
}
#Text {
color:#000000;
background-color:#CCCCCC;
height: 400px;
width: 900px;
position: fixed;
top: 130px;
left: 200px;
overflow: scroll;
}

#TextBanner {
color:#000000;
background-color:#CCCCCC;
height: 50px;
width: 900px;
position: fixed;
top: 130px;
left: 200px;

}
#TextSlightshow {
color:#000000;
background-color:#999999;
height: 300px;
width: 900px;
top: 230px;
left: 200px;
overflow: scroll;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 20px;
position: fixed;
}