IE Probleme auf meiner Hp

[CrazyLopp]

Hallo,

ich hatte vor 2 Tagen in der Schule zeit um am Pc etwas zu surfen, da ich einem Klassenkameraden meine Hp zeigen wollte musste ich den IE verwenden...
(Ich habe ihn nicht da mein MAc ihn nicht will, nur Opera, Ff und Safari)

Und da habe ich bemerkt das wohl IE Probleme mit der Lightbox hat, meine Gallery (ein Bild ist sichtbar und die anderen nicht) wird nur als ganz schmaler Schrich dargestellt...

Falls ihr es sehen wollt einfach hier drauf ...

Ich weiß nicht wie ich das jetzt beheben kann...

Die Hp ist mit Html und Css erstellt worden...


Mfg
Crazylopp

 

[Flosse]

AW: IE Probleme auf meiner Hp

Das Startbild benötigt für den IE vermutlich die korrekte Breite. (width steht auf auto)

Schöne Bilder sind dabei.

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

Habs gerade ausbrobiert, jedoch geht es trotzdem nicht...

Mfg
Crazylopp

 

[Poki29]

AW: IE Probleme auf meiner Hp

Ich hatte schon öfter ähnliche Probleme.
Mögliche Fehler:
-Breite oder Höhe nicht oder fehlerhaft eingetragen z.b.: width:500px height:
-Ein Wert mit einer numerischen Angabe der ander auto kann IE auch nicht.

Ein Strich bedeutet meistens dass IE einen Wert als 1px nimmt.

 

[brummbaer65]

AW: IE Probleme auf meiner Hp

Habs gerade ausbrobiert, jedoch geht es trotzdem nicht...

Mfg
Crazylopp

ich habe mir das mal angeschaut... also wenn du das versucht hast... verstehe ich aber immer noch nicht warum (width steht immer noch auf "auto")
und da kann das auch nicht gehen....

 

[danitec]

AW: IE Probleme auf meiner Hp

nimm die komplette width Angabe weg:
<a href="Fotografie/Herbst2.jpg" rel="lightbox[Krefeld]" title="Ein Hauch Krefeld"><img src="Fotografie/Herbst2.jpg" height="200" /></a>
Dann gehts

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

Also ich habe das jezt mal gemacht habe den widht wert eingegeben...

Jedoch habe ich auch noch eine andere Änderung gemacht und zwar die Gallery (vorher index.html jetzt zu gallery.html) nichtmehr als Startseite genommen sondern eine neue erstellt....


Nun habe ich aber ein neues Problem mit Lightbox und zwar werden mir die Bilder nichtmehr angezeigt wie das Ladenbild oder das Schließenbild....

Ich habe die Pfade natürlich verändert, die Lightbox selbst funktioniert ja auch könnt ihr euch wieder unter dem Link anschauen
Aber nicht die Bildchen...

Habt ihr eine Idee?
Kann auch den Quelltext posten wenn ihr ihn braucht!

Achso und kann mir jemand sagen ob es jetzt mit Ie funktioniert?

Mfg
Cazylopp

 

[Maximus73]

AW: IE Probleme auf meiner Hp

Templates/gallery.html

vileicht solltest Du auch einmal Tamplates klein schreiben!

dann sehe ich die Galerie!

Und was mir auchaufgefallen ist durch den Dunklen Hintergrundund der Weißen Schrift ist die echt schlecht lebar durch die Serifen vileicht könntest du dies auch Ändern!

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

Es hat ja auch schon vorher mit Tamplates groß Funtioniert...

Und eins nach dem anderen


Mfg
Crazylopp

 

[danitec]

AW: IE Probleme auf meiner Hp

Ob Unterverzeichnisse groß oder klein geschrieben sind ist egal, wenn der aufzurufende Link genauso geschrieben ist.

Und genau richtig, eins nach dem anderen beim programmieren,
mittlerweile paßt kein Pfad mehr.
Zuerst das wieder richtig stellen, und dann weiter schauen.

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

Welcher Pfad ist den nicht richtig habe doch alle umgeschrieben?

Mfg
Crazylopp

 

[danitec]

AW: IE Probleme auf meiner Hp

Im Menü:


etc.
Dafür funktioniert jetzt im IE8 und im Mozilla die Lightbox

 

[Maximus73]

AW: IE Probleme auf meiner Hp

Templates/Tamplates/gallery.html

wenn der so gewollt ist?

hast du den Ordner jetzt 2mal drauf?

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

So jetzt sind die einzelnen Seiten richtig verknüpft...
Also ist das auch schon abgehagt...

Jetzt sind die Lightbox Bilder dran (nicht die Fotos!!!)

Wisst ihr da zufällig Rat?


Mfg
Crazylopp

 

[danitec]

AW: IE Probleme auf meiner Hp

Auf der Gallery Seite ist der Link auf die gallery.html noch falsch, auf der Kontakt der zu kontakt.html und auf der Impressumseite der zur impressum.html

Die Lighbox funktioniert (zumindest bei mir im Mozilla und IE8 ), das einzige was nicht da ist, ist das X zum beenden. Da fehlt schlicht in der lightbox.css der Link zur Gifdatei.

 

[Maximus73]

AW: IE Probleme auf meiner Hp

also ich kann keinen weißen Strich sehen ich sehe das volle Bild.

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

Das Problem mit dem Doppelklick ist auch behoben, jetzt geht wirklich alles im Menü...

Jedoch das Ladebild und das schließbild der Lightbox ist futsch und die lightbox.css habe ich nicht angerüht...

so sieht sie aus

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

Und so der Anfang meiner gallery.html

<title>René W. - Gallery</title>
<link href="../css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
</head>

Mfg
Crazylopp

 

[danitec]

AW: IE Probleme auf meiner Hp

Pass mal den Pfad in der lightbox.js an.
fileLoadingImage: 'images/loading.gif',
fileBottomNavCloseImage: 'images/closelabel.gif'

 

[CrazyLopp]

AW: IE Probleme auf meiner Hp

Pass mal den Pfad in der lightbox.js an.
fileLoadingImage: 'images/loading.gif',
fileBottomNavCloseImage: 'images/closelabel.gif'

Was soll ich denn daran verändern?

Mfg
Crazylopp

 

[danitec]

AW: IE Probleme auf meiner Hp

Du stehst im Unterverzeichniss, die images Ordner liegen auf der Root.
fileLoadingImage: '../images/loading.gif',
fileBottomNavCloseImage: '../images/closelabel.gif'
dann sollte es funktionieren.

Ausserdem empfehle ich Dir dringend, die Fotos zu kompromieren, das Foto von der Litfasssäule hat zum Beispiel eine Größe von ca. 560 KB, das ist fürs Internet viel zu groß. Das sollte, richtig komprimiert eine Größe von ca. 120 kb bei gleicher Pixelzahl haben.