Webseite nicht scrollbar

ruhrpottknipser

Hallo, ich beschäftige mich seit kurzem erst mit html und versuche derzeit gerade alle Berge... ja nicht Steine, die sich mir in den Weg stellen beiseite zur räumen *ggg*

In meiner Freizeit fotografiere ich sehr viel und aus diesem Grund habe ich mir schon vor längerer Zeit eine kleine Webseite eingerichtet. Tja nur die Galerie war nie wirklich so wie ich sie haben wollte. Also habe ich mich auf die Suche nach einer Scriptlösung gemacht und bin auch fündig geworden.

Also habe ich den Hintergrund und Schrift geändert, Banner & Linknavigation eingerichtet.

Soweit hat auch alles ganz gut geklappt, lllerdings ist dann ein Problem aufgetreten was mir anfangs gar nicht bewußt war, da ich einen 22 Zoll Breitwand TFT Monitor verwende und diesen auf 1680 * 1050 laufen lasse.

Bei meinem Monitor wird die Webseite komplett angezeigt inkl. der Bilder. Nachdem ich die Webseite auf dem Monitor meiner Kinder (17 Zoll Röhre mit 1024 * 768 aufgerufen habe, ist mir aufgefallen das die Bilder nur zur Hälfte angezeigt werden und es nicht möglich ist das Bild herunter zu scrollen wie es normalerweise möglich ist.

Ich muss gestehen das, was Programieren betrifft, nicht wirklich sehr Fit bin und ich schon sehr Stolz bin überhaupt soweit gekommen zu sein. Aber gibt es hierfür eine praktikable Lösung die ich einbauen kann damit die Seite wieder scrollbar ist?

Um diese Seite hier handelt es sich:

http://home.arcor.de/fineartphotogr…rait/index.html

Ich hoffe ihr könnt mir bei diesem Problem helfen,

lg mike

Pion

Du bindest dies Gallery ja mit dem ein:

Code

<script type="text/javascript">
 
  var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#333333");

  // SIMPLEVIEWER CONFIGURATION OPTIONS
  // To use an option, uncomment it by removing the "//" at the start of the line
  // For a description of config options, go to: 
  // http://www.airtightinteractive.com/simpleviewer/options.html

  //fo.addVariable("xmlDataPath", "gallery.xml");
  //fo.addVariable("firstImageIndex", "5"); 
  //fo.addVariable("langOpenImage", "Open Image in New Window");
  //fo.addVariable("langAbout", "About"); 
  //fo.addVariable("preloaderColor", "0xFFFFFF");

  fo.write("flashcontent"); 
 </script>

Alles anzeigen

Mach mal das 100% weg und zb 1000px hin und sag uns bitte was kommt

Unregistriert

Hallo danke für deine Hilfe, ich ahbe das gerade mal ausprobiert aber dann rutscht die Galerie nach unten und der Raum zwischen Bild und Navigation wird dadurch größer...

Gruß mike

Pion

Code

<style type="text/css"> 
 /* hide from ie on mac \*/
 html {
  height: 100%;
  overflow: hidden;
 }
 
 #flashcontent {
  height: 100%;
 }
 /* end hide */


 body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #333333;
  color:#ffffff;
  font-family:sans-serif;
  font-size:20;
 }
 
 a { 
  color:#999999;
 }
</style>

Alles anzeigen

1. mach mal overflow: hidden; raus
2. height 100% raus

sejuma

Du verhinderst ja das Scrollen ausdrücklich.
Lösche hier das "overflow: hidden"

Zitat

html {
height: 100%;
overflow: hidden;
}

Edit: zu spät...

Unregistriert

Ja das hat hingehauen - ich sage ja ich muss mich unbedingt mit Thema mehr auseinander setzen aber wenn ich zu lange davor sitze sind die ganzen Codes für mich nur noch Berge die sich mir in den Weg stellen *grummellach*

Vielen Dank für eure Hilfe,

lg mike

driver

hat nix min problem zu tun.. aber du solltest dein p-tag schließen...

HTML

<p align="center" border="0" <img src="http://files.homepagemodules.de/b190920/f15t5p5n1.gif"></img>

Tags