Anzeige

flash in css ie zeigt gallery verschoben

flash in css ie zeigt gallery verschoben | PSD-Tutorials.de

Erstellt von bibifellow, 01.11.2009.

  1. bibifellow

    bibifellow Nicht mehr ganz neu hier

    Dabei seit:
    21.08.2007
    Beiträge:
    239
    Geschlecht:
    weiblich
    flash in css ie zeigt gallery verschoben
    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.
     
    #1      
  2. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    flash in css ie zeigt gallery verschoben
    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.
     
    #2      
  3. bibifellow

    bibifellow Nicht mehr ganz neu hier

    Dabei seit:
    21.08.2007
    Beiträge:
    239
    Geschlecht:
    weiblich
    flash in css ie zeigt gallery verschoben
    #3      
  4. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    flash in css ie zeigt gallery verschoben
    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.
     
    Zuletzt bearbeitet: 01.11.2009
    #4      
  5. bibifellow

    bibifellow Nicht mehr ganz neu hier

    Dabei seit:
    21.08.2007
    Beiträge:
    239
    Geschlecht:
    weiblich
    flash in css ie zeigt gallery verschoben
    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">
    <!--
    .style1 {font-family: Arial, Helvetica, sans-serif}
    .style2 {font-family: "Handwriting - Dakota"}
    .style3 {font-family: "Orator Std"}
    .style4 {
    font-size: 14px
    }
    .style5 {font-family: "Orator Std"; font-size: 14px; }
    .Stil6 {font-size: 10px; color: #000000; font-family: "Myriad Pro"; }
    .Stil16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    }
    .Stil17 {
    color: #444
    }
    .Stil18 {
    color: #333333
    }
    .Stil19 {color: #999999}
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>

    <body id="Startseite">


    <div id="kopfbereich"></div>
    <!-- Ende kopfbereich -->
    <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>

    <!-- Ende Navibereich -->

    <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>
    <!-- Ende Textbereich -->
    <div id="Fussbereichfirst">
    <div align="center"><br /></div>
    </div>
    <div id="Fussbereich">

    <div align="center">
    <address>
    &middot; J &middot; <br />
    Tel: &middot; Fax: &middot; Mobil
    <a href="mailto:" class="Stil5 Stil6 Stil16"></a>
    </address>
    </div>
    </div> <!-- Fussberecih -->
    </div> <!-- wrapper --A
    </ body id="Startseite">
    </html>
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
     
    Zuletzt bearbeitet: 01.11.2009
    #5      
  6. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    flash in css ie zeigt gallery verschoben
    AW: flash in css ie zeigt gallery verschoben

    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 (Text):
    1. <div id="navigation">
    2.  
    3. <ul>
    4.     <li> <a href="../index.html" >Home</a></li>
    5.     <li> <a href="../html/Werbung.html" class="Stil18" >Werbung</a></li>
    6.     <li> <a href="../html/Industrie.html" >Industrie</a></li>
    7.     <li> <a href="Reportage.html" >Reportage</a>
    8.         <ul>
    9.             <li> <a href="Loudenne.html" >Loudenne</a></li>
    10.             <li > <a href="Peru.html" >Peru</a></li>
    11.             <li > <a href="Schuster.html" >Schuster</a></li>
    12.             <li > <a href="Schwarze.html" >Schwarze</a></li>
    13.             <li > <a href="Winzer.html" >Winzer</a></li>
    14.         </ul></li>
    15.        
    16.     <li><a href="Portrait.html" >Portrait</a></li>
    17.     <li> <a href="Erotik.html" >Erotik</a></li>
    18.     <li> <a href="Hochzeit.html" >Hochzeit</a></li>
    19.     <li> <a href="Kunst.html" class="Stil19" >Kunst</a></li>
    20.     <li> <a href="Referenzen.html" >Referenzen</a></li>
    21.     <li> <a href="Lebenslauf.html" class="Stil17" >Lebenslauf</a></li>
    22.     <li> <a href="Preise.html" >Preise</a></li>
    23. </ul>
    24.  
    25. </div>
    Edit2: und um wirklich mehr zu sagen fehlt noch der Rest vom css, da gibts doch noch 2 Dateien:

    Code (Text):
    1. <link href="../css/l.css" rel="stylesheet" type="text/css" media="screen" />
    2. <link href="../css/navi1.css" rel="stylesheet" type="text/css" media="screen" />
     
    Zuletzt bearbeitet: 01.11.2009
    #6      
  7. bibifellow

    bibifellow Nicht mehr ganz neu hier

    Dabei seit:
    21.08.2007
    Beiträge:
    239
    Geschlecht:
    weiblich
    flash in css ie zeigt gallery verschoben
    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;
    }
     
    #7      
x
×
×