Ergebnis 1 bis 2 von 2

Thema: Problem mit z-index

  1. #1
    Gabriele
    Gast

    Standard Problem mit z-index

    Hallo allerseits,

    ich habe ein kleines Problem und versuche nun schon seit einer Weile, daß selbst in den Griff zu bekommen. Leider vergeblich ...

    Im Dreamweaver möchte ich 2 Objekte ausrichten. Ein Bild im Hintergrund zentriert und darüber ein Flash-Objekt. Bis hierhin auch kein Problem, da es ja mittels z-index geht. Das Bild, welches sich unter dem Flash-Objekt befindet, verschiebt sich auch bei Auflösungswechsel schön brav in die Mitte. Nur das Flash-Objekt scheint da stur zu sein und bleibt immer an einer festen Stelle. Dieses soll sich am Bild ausgerichtet natürlich mit verschieben.

    Hier mal meine Codes:

    HTML-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=iso-8859-1">
    <title>Website</title>
    <style type="text/css">
    <!--
    body {
        background-color: #000317;
        z-index: auto;
    }
    -->
    </style>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    
    
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    </script>
    
    <link href="file:///C|/Pfad/zur/CSS/startpage.css" rel="stylesheet" type="text/css">
    </head>
    <div align="center">
    <body onLoad="MM_preloadImages('website_hintergrund.jpg')">
    <p>&nbsp;</p>
    <div id="website">
      <div><img src="website_hintergrund.jpg" alt="" width="640" height="500" class="website"></div>
    
    <div id="counter">
       <div><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="240px" height="290px" classid="counter">
            <param name="movie" value="file:///C|/Pfad/zum/Film/countdown.swf">
            <param name="quality" value="high">
            <embed src="file:///C|/Pfad/zum/Film/countdown.swf" width="240" height="290" class="counter" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" WMODE="transparent"></embed>
          </object>
      </div>
    </div></div>
    </div>
    und die dazugehörige CSS:

    Code:
    * {
    margin: 0;
    padding: 0;
    }
    
    .website {
        margin: 30px auto;
        width: 640px;
        height: 500px;
        position: relative;
    }
    
    .counter {
        width: 240px;
        height: 290px;
        position: absolute;
        left: 250px;
        top: 250px;
        z-index: 1;
    }
    Könnt ihr mir bitte sagen, was da falsch läuft? Warum verschiebt sich Bild im Hintergrund bei anderer Auflösung richtig, aber das darüberliegende Flash-Objekt nicht?

    Liebe Grüße Gabi
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem mit z-index

    So in etwa würde ich sagen ohne z-index.
    HTML-Code:
    <!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>
    </head>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Website</title>
    <style type="text/css">
    <!--
    * {margin: 0;padding: 0;}
    body {background-color: #000317;text-align:center;}
    #website {margin: 0 auto;background: #06C url(./website_hintergrund.jpg) no-repeat 0 0;width: 640px;height: 500px;position: relative; text-align:center;}
    #counter {width: 240px; background-color:#999;height: 290px;position:absolute; bottom: 0; left:200px;}
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    </script>
    <link href="../../../Pfad/zur/CSS/startpage.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="website">
      <div id="counter"> </div>
    </div>
    </body>
    </html>
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

Ähnliche Themen

  1. index.html - index.php
    Von xisax im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 02.06.2009, 23:03
  2. Z-Index Problem bei CSS-Popup-Menü
    Von LaLinda im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 26.06.2008, 20:10
  3. Problem bei Div Tag und z-index
    Von gebieter im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 09.02.2006, 18:25
  4. index problem
    Von Sense im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 22.01.2005, 13:24
  5. index.html die auf index.php verweist?
    Von mondeo im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.11.2004, 22:17

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •