Gegen Bilderklau - Das Original | Druckvorschau: Transparenter BG in IE und Firefox

Geschrieben von Susan am 25.05.2009 um 14:07:

Transparenter BG in IE und Firefox

So ich weiß dass es dazu schon ziemlich viele Themen gibt, allerdings konnte mir KEINE Lösung helfen

Im Firefox sieht meine Seite aus wie sie sein soll:
Anhang 1

Aber im Internet Explorer bekomme ich eben diese weißen Kästen
Ich habe im Quelltext folgendes stehen (das linke Iframe mit dem seitlichen Bild)

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:

<title>Claris-Art - Fotografie Clarissa Bigus</title>
<html>
<head>
   <script language="JavaScript" type="text/javascript">
   <!--
   function RotatePic() {
      // name des bildes was getauscht werden soll im html-code (img-tag-name)
      var BildTDTagID = "bild1";  
      
      // ordner, wo die bilder gespeichert wurden
      var BildOrdner = "startseite/header/";    
      
      // dateiname der bilder ohne nummer
      var BildName = "bild";            
      
      // Bildformat (.jpg, .gif, .png, etc.)
      var BildFormat = ".jpg";        
      
      //Anzahl der Bilder im Bildordner
      var AnzahlBilder = 18;        
      
      // Zahlenwert, mit der die bildernummerierung beginnt
      var StartCounter = 1;        
      
      
      // random zahl ermitteln
      RandBild = Math.round(Math.random()*AnzahlBilder);
      if( AnzahlBilder == RandBild ) RandBild = 0;
      rb = BildOrdner + BildName + (RandBild + StartCounter) + BildFormat;
      
      if (document.images) {
         document.images[BildTDTagID].src=rb;
      }

   }
   //-->
   </script>
</head>

<body onload="RotatePic()" style="background-color:transparent">
<img src="../bild1.jpg" border="0" name="bild1">
</body>
</html>

Nichts hat im IE funktioniert, weder via CSS, noch via Style im Body noch Chroma Filter mit #ffffff.
Im IE ist das Fenster IMMER weiß =/

was soll ich tun?
www.clab-photos.com

Geschrieben von Susan am 25.05.2009 um 14:57:

Das mit dem Ausschneiden ist furchtbar mühsehlig und leider musste ich feststellen, dass der Internet Explorer die Bilddateien immer verschiebt im gegensatz zum Firefox. d.h. es würde eh nicht richtig sitzen.

Geschrieben von Morgan Girl am 25.05.2009 um 16:16:

Zitat:

Original von Susan
Das mit dem Ausschneiden ist furchtbar mühsehlig [...]

bei dir müsste es ja nicht mal genau der ausschnitt sein, du hast ja einen einfarbigen HG (-> kleiner ausschnitt und background-repeat).

außerdem liegt die ursache, denke ich, in der index-seite, da wo die frames definiert sind und nicht in der seite, wo der JS-script ist.
kannst du usn mal die index-seite zeigen?

Geschrieben von Susan am 25.05.2009 um 21:33:

Und wo soll da der Fehler liegen?

http://claris-art.de/inhalt.html

das ist die Seite wo die zwei Iframes definiert sind. Am besten wäre es, wenn der HG dieser Seite auch transparent ist.

Übrigens ist der Hintergrund NICHT einfarbig, weil die zwei Iframes über die Grenzen hinaus gehen.

Geschrieben von Kruemelletto am 25.05.2009 um 23:26:

Du hast die Hintegrundfarbe ja schon als "transperent" gewählt, jetzt musst die die Transparenz in den Frames nur noch aktivieren:

code:
1: 2:	<iframe src="Inhaltl.html" name="Inhaltl" width="199" height="525" frameborder=0 scrolling="no" allowtransparency="true">

So müsste es eigentlich gehen? Zumindest hat das bei meiner Seite so funktioniert ^^

Ich hoffe ich hab das Problem richtig erfasst xDDD

Geschrieben von Susan am 26.05.2009 um 10:35:

Juhu!!! es klappt großes Grinsen

Man auf die Idee hätt ich auch selbst kommen können .____.

Kann mir jetzt noch jemand nen Trick verraten wie ich das Hochkantbild links in Firefox & im IE auf die selbe Position bekomme?
Ich hatte schon versucht das "Wechselbild" als Hintergrund zu machen, das funktioniert aber nicht =/

Sooo hat sich alles erledigt, ich hab nen Tipp im Internet gefunden wie ich das ganze mit ein bisschen php umsetzen kann - dafür brauche ich nichtmal transparente i-frames -.-