Scrollen/Scrollbars aktivieren (CSS)
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
allerding
befehl
code
copyright
dank
date
design
entfernen
fotograf
galerie
gefundenen fehler
grad
hilfe
http
paar
problem
schnelle antwort
url
verursacher
-
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;"> </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;"> </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;"> </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"> </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 & 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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
