kostenloser Webspace werbefrei: lima-city


Scrollen/Scrollbars aktivieren (CSS)

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    twentytwo

    Kostenloser Webspace von twentytwo

    twentytwo hat kostenlosen Webspace.

    Hallo,
    ich arbeite grade an einer Seite für einen Freund von mir (Fotograf). Die Seite mit der Galerie (Flash) lässt sich allerding nicht scrollen. Alle anderen Seiten lassen sich scrollen, daher denke ich, dass es an dem obersten div liegt - dem Flash Object. Ich hab schon alle möglichen overflow Befehle ausprobiert, komme aber nicht vorran.

    Hier der Quelltext:
    <!-- COPYRIGHT
    All right reserved by Twentytwo.
    For more information read: http://creativecommons.org/licenses/by-nc-nd/3.0/">http://creativecommons.org/licenses/by-nc-nd/3.0/
    or visit http://twentytwo.lima-city.de 
    -->
    <?php
    $Javascriptzeit = date("Y, n, j, G, i, s");
    ?>
    <head>
    <style type="text/css">
    { margin: 0;
        padding: 0;}
    
    body, html{ width: 100%;
                height: 100%;
                overflow: hidden;}
           
    #fueller{ position: absolute;
              border: 0px none;
              width: 100px;
              height:450px; }        
            
    #body{ position: absolute;
              top: 0;
              left: 0;
              z-index: 2;
              overflow: auto;
              width: 100%;
              height: 100%;
              text-align: center;}
    
    #haupt{ width: 850px;
              height: 100px;
              text-align: left;
              margin: 18px auto;
              padding-left: -100px;
              background-repeat: no-repeat;
              background-image:url('http://twentytwo.lima-city.de/vinc/design/b/blattpapier.png');}
                    
    #header{ border: 0px solid #000;
              background: #transparent;}
            
    #inhalt{ border: 0px solid #000;
                 margin-top: -100px;
                 height: 650px;}
                              
    #navi{ background-color:#transparent;
           margin-top: 87px;
           margin-left: 130px;}
                             
    #footer{ border: 0px solid #000;
                text-algin: center;
                background: #transparent;
                margin-top: 6px;}
                        
    </style>
    <script language="JavaScript">
    <!--
    var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
    
    function UhrzeitAnzeigen()
    {
        if(!document.all && !document.getElementById)
        {
            return;
        }
    
        var Stunden = Serverzeit.getHours();
        var Minuten = Serverzeit.getMinutes();
        var Sekunden = Serverzeit.getSeconds();
        Serverzeit.setSeconds(Sekunden+1);
    
        if(Stunden <= 9)
        {
            Stunden = "0" + Stunden;
        }
    
        if(Minuten <= 9)
        {
            Minuten = "0" + Minuten;
        }
    
        if(Sekunden <= 9)
        {
            Sekunden = "0" + Sekunden;
        }
    
        Uhrzeitanzeige = Stunden + ":" + Minuten + ":" + Sekunden;
    
        if(document.getElementById)
        {
            document.getElementById("Uhrzeit").innerHTML = Uhrzeitanzeige
        }
        else if(document.all)
        {
            Uhrzeit.innerHTML = Uhrzeitanzeige;
        }
        setTimeout("UhrzeitAnzeigen()", 1000);
    }
    //-->
    </script>
    <title>VINC PHOTOGRAPHY</title>
    </head>
    
    <body style="background-image:url('http://twentytwo.lima-city.de/vinc/design/b/hintergrund.jpg');" onLoad="UhrzeitAnzeigen();">
    <div id="body" style="overflow:hidden;">
        <div id="haupt" style="overflow:visible; position: absolute; width:850px; height:850px; z-index:1; right: 50%; left: 50%; margin-left:-425px;">
    <div id="header">
        <a href="http://twentytwo.lima-city.de/vinc/index.php"><img src="http://twentytwo.lima-city.de/vinc/design/bilder/vinclogo.png" border="0" width="375" height="160"></a>    </div>
    <div id="inhalt">    
    <div id="navi" style="width:458px;height:54px;">&nbsp;
     </div>
           <div id="fueller" style="background-image:url('http://twentytwo.lima-city.de/vinc/design/b/fuellfeder.png'); background-repeat:no-repeat; width:100px; height:450px; margin-left:-40px; margin-top:-10px;">
            <div style="background-image:url('http://twentytwo.lima-city.de/vinc/design/b/polaroids.png');width:354px; height:588px; margin-left:590px; margin-top:-180px;">&nbsp;</div>
           <div style="background-image:url('http://twentytwo.lima-city.de/vinc/design/b/cap.png');width:231px; height:222px;margin-left:660px;margin-top:-50px;">&nbsp;</div>
    <div style="width:2000px; height:1000px;margin-left:-570px;margin-top:-720px;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="100%" height="100%" align="middle" quality="high" scale="noscale"  id="theMovie">
    				   <param name="MENU" value="FALSE" />
    						  <param name="wmode" value="transparent" />
    	
    					<param name="SRC" value="gallery.swf" />
    					<embed src="gallery.swf" wmode="transparent" menu="false" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" width="100%" height="100%" align="middle" quality="high" scale="noscale"  name="theMovie"></embed></object>
    <div style="width:100%; height: 850px;"> ugga </div>
    </div> 
    <p style="margin-left:5px; margin-right:0px; line-height:1em">&nbsp;</p>
    <p style="margin-left:5px; margin-right:0px; line-height:1em"><font face="Arial" color="#f6f6f6">
    </p>
    <div style="width:500px;height:60px;margin-top:-952px;margin-left:170px;">
       <span onMouseOver="document.Start.src='http://twentytwo.lima-city.de/vinc/design/b/start_o.png'" onMouseOut="document.Start.src='http://twentytwo.lima-city.de/vinc/design/b/start.png'"><a href="http://twentytwo.lima-city.de/vinc/index.php">
       <img src="http://twentytwo.lima-city.de/vinc/design/b/start.png" name="Start" border="0" width="91" height="54"></a></span><span onMouseOver="document.Galerie.src='http://twentytwo.lima-city.de/vinc/design/b/galerie_o.png'" onMouseOut="document.Galerie.src='http://twentytwo.lima-city.de/vinc/design/b/galerie.png'"><a href="http://twentytwo.lima-city.de/vinc/galerie.php"><img src="http://twentytwo.lima-city.de/vinc/design/b/gallerie.png" name="Galerie" border="0" width="113" height="54"></a></span><span onMouseOver="document.Kontakt.src='http://twentytwo.lima-city.de/vinc/design/b/kontakt_o.png'" onMouseOut="document.Kontakt.src='http://twentytwo.lima-city.de/vinc/design/b/kontakt.png'"><a href="http://twentytwo.lima-city.de/vinc/kontakt.php"><img src="http://twentytwo.lima-city.de/vinc/design/b/kontakt.png" name="Kontakt" border="0" width="118" height="54"></a></span><span onMouseOver="document.Impressum.src='http://twentytwo.lima-city.de/vinc/design/b/impressum_o.png'" onMouseOut="document.Impressum.src='http://twentytwo.lima-city.de/vinc/design/b/impressum.png'"><a href="http://twentytwo.lima-city.de/vinc/impressum.php"><img src="http://twentytwo.lima-city.de/vinc/design/b/impressum.png" name="Impressum" border="0" width="136" height="54"></a></span>
     </div>
    </div>
    </div>
        <div id="footer" style="background-image:url('http://twentytwo.lima-city.de/vinc/design/b/footer.png');background-repeat:no-repeat; width:100%;">
          <p style="padding-top:8px; margin-left:15px; height:50px"><font color="#F6F6F6" face="Arial" size="1">© 2011 | Design &amp; Code by <a href="http://twentytwo.lima-city.de/" style="text-decoration: none">
          <font color="#F6F6F6">TWENTYTWO</font></a> | <span id="Uhrzeit"></span></font></a></p></div>
    <div style="width: 10px; height:10px;margin-left:500px;margin-top:-780px"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.vinc-photography.de" send="false" layout="button_count" width="450" show_faces="false" colorscheme="dark" font="arial"></fb:like>
          </div>
      </div>
    </div>
      </font>
    </body>
    
    </html>


    Bitte um Hilfe!

    Vielen Dank
    22
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. twentytwo schrieb:
    Hallo,
    ich arbeite grade an einer Seite für einen Freund von mir (Fotograf). Die Seite mit der Galerie (Flash) lässt sich allerding nicht scrollen. Alle anderen Seiten lassen sich scrollen, daher denke ich, dass es an dem obersten div liegt - dem Flash Object. Ich hab schon alle möglichen overflow Befehle ausprobiert, komme aber nicht vorran.



    Hier ist der Übeltäter:
    body, html{ width: 100%;
                height: 100%;
                overflow: hidden;}


    Einfach entfernen....

    Beitrag zuletzt geändert: 12.6.2011 15:38:13 von simuliertes
  4. Autor dieses Themas

    twentytwo

    Kostenloser Webspace von twentytwo

    twentytwo hat kostenlosen Webspace.

    Danke, für deine schnelle Antwort! Wenn ich den von dir gefundenen Fehler behebe kommen tatsächlich Scrollbars. Leider kann man nur ein paar Pixel weit runterscrollen, sodass immernoch nicht die ganze Seite zu sehen ist.

    Ich denke immernoch, dass das recht große Flash-embed der verursacher der Probleme ist - habe aber leider immernoch keinen Lösungsansatz.

    Liebe Grüße
    22
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!