Internet explorer und Firefox zeigen unterschiedlich an

  • also bitte mal auf http://www.gla-meyer.de gehen, und internet explorer und Firefox vergleichen.


    Mein erstes Problem ist links oben, wird im Firefox richtig angezeigt, aber im IE iss die eine stelle viel zu dunkel, und ich find den fehler net.


    Und das zweite Problem ist dass die lightbox2 in meinem heiß geliebten firefox nicht funzt, aber im IE schon... Die lightbox2 funktioniert aber auf anderen pages wenn ich die anschaue einwandfrei...
    wegen lightbox einfach auf eins der bilder in der lkaufleiste klicken...


    und bitte net schimpfen, iss immer noch es erste design meiner page, will mich erst mal bissi mit meinen möglichkeiten vertraut machen :D

  • hmm geht wohl nicht, das hintergrundblau.jpg iss für das grunddesign verantwortlich, und denk auch net dass des schuld iss, die farbe ändert sich nur da wo ich die ganzen minni bilder eingefügt hab um die bildlaufleiste drunter laufen zu lassen..... genau in dem eck der größe aller bilder entsprechend zusammen wird das dunkler :( .

  • Nur son Gedanke:
    Du wirst für diese Bilder ja sicher die selbe Farbe genommen haben wie für den Hintergrund.
    Sind da irgendwelche Transparenz-Effekte deines Grafikprogramms mit drin?
    So dass IE Dadurch ne neue Farbe anzeigt wegen dem durchscheinen?

  • also der hintergrund der .png bilder iss Transparent, das iss richtig, aber das transparente kommt nur auf der rechten seite zur geltung, da da sozusagen ein übergang ins nichts ist (vom schwarzen aus nach rechts).
    Wenn links wo das bild dunkler ist ein transparenz effekt im bild wäre würde man die bilderlaufleiste noch durch schimmern sehen... die läuft ja noch ein kleines stück unter den bildern :(

  • Und ich glaube dass genau das passiert. Mir scheint das zumindest so, da dieses dunklere etwas von der form her exakt zu den Bildern passt.
    Nimm die Transparenz doch mal raus und schau, obs stimmt
    Gruß,
    Jojo


    PS: Noch ein Tipp. Setze nicht so sehr auf Js, mich nervt es echt, dass z.B. bei deiner Weiterleitung ein neuer Browser aufgemacht wird. ich konnte deine Seite erst nicht ansehen, da ich Js immer deaktiviert habe. Achte einfach darauf, dass deine Seite auch ohne Js ansehbar bleibt.

  • hach ja und wenn ich das hintergrund bild so ändere dass die farbe der ecke oben komplett in dem dunkleren blau ist, wirds im ie passend angezeigt, und im firefox iss dann das teil was jetzt zu dunkel ist zu hell :? . Also kann das irgendwie a stylesheet liegen?? hab da background auf transparent gesetzt...

  • Zitat von Heavygerch

    Also kann das irgendwie a stylesheet liegen?? hab da background auf transparent gesetzt...


    Is dass ne IE-Angabe? Ich kenn die gar net. Nimm auf jeden Fall mal raus das ding. Vielleicht klappts ja.

  • schon probiert, bringt nix :? , so sieht nu das css aus


    #laufleisteverstecke1 { position: absolute; z-index: 2; top: 0; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke2 { position: absolute; z-index: 2; top: 1px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke3 { position: absolute; z-index: 2; top: 2px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke4 { position: absolute; z-index: 2; top: 3px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke5 { position: absolute; z-index: 2; top: 4px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke6 { position: absolute; z-index: 2; top: 5px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke7 { position: absolute; z-index: 2; top: 6px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke8 { position: absolute; z-index: 2; top: 7px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke9 { position: absolute; z-index: 2; top: 8px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke10 { position: absolute; z-index: 2; top: 9px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke11 { position: absolute; z-index: 2; top: 10px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke12 { position: absolute; z-index: 2; top: 11px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke13 { position: absolute; z-index: 2; top: 12px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke14 { position: absolute; z-index: 2; top: 13px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke15 { position: absolute; z-index: 2; top: 14px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke16 { position: absolute; z-index: 2; top: 15px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke17 { position: absolute; z-index: 2; top: 16px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke18 { position: absolute; z-index: 2; top: 17px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke19 { position: absolute; z-index: 2; top: 18px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke20 { position: absolute; z-index: 2; top: 19px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke21 { position: absolute; z-index: 2; top: 20px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke22 { position: absolute; z-index: 2; top: 21px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke23 { position: absolute; z-index: 2; top: 22px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke24 { position: absolute; z-index: 2; top: 23px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke25 { position: absolute; z-index: 2; top: 24px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke26 { position: absolute; z-index: 2; top: 25px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke27 { position: absolute; z-index: 2; top: 26px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke28 { position: absolute; z-index: 2; top: 27px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke29 { position: absolute; z-index: 2; top: 28px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke30 { position: absolute; z-index: 2; top: 29px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke31 { position: absolute; z-index: 2; top: 30px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke32 { position: absolute; z-index: 2; top: 31px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke33 { position: absolute; z-index: 2; top: 32px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke34 { position: absolute; z-index: 2; top: 33px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke35 { position: absolute; z-index: 2; top: 34px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke36 { position: absolute; z-index: 2; top: 35px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke37 { position: absolute; z-index: 2; top: 36px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke38 { position: absolute; z-index: 2; top: 37px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke39 { position: absolute; z-index: 2; top: 38px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke40 { position: absolute; z-index: 2; top: 39px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke41 { position: absolute; z-index: 2; top: 40px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke42 { position: absolute; z-index: 2; top: 41px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke43 { position: absolute; z-index: 2; top: 42px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke44 { position: absolute; z-index: 2; top: 43px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke45 { position: absolute; z-index: 2; top: 44px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke46 { position: absolute; z-index: 2; top: 45px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke47 { position: absolute; z-index: 2; top: 46px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke48 { position: absolute; z-index: 2; top: 47px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke49 { position: absolute; z-index: 2; top: 48px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke50 { position: absolute; z-index: 2; top: 49px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke51 { position: absolute; z-index: 2; top: 50px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke52 { position: absolute; z-index: 2; top: 51px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke53 { position: absolute; z-index: 2; top: 52px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke54 { position: absolute; z-index: 2; top: 53px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke55 { position: absolute; z-index: 2; top: 54px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke56 { position: absolute; z-index: 2; top: 55px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke57 { position: absolute; z-index: 2; top: 56px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke58 { position: absolute; z-index: 2; top: 57px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke59 { position: absolute; z-index: 2; top: 58px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke60 { position: absolute; z-index: 2; top: 59px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke61 { position: absolute; z-index: 2; top: 60px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke62 { position: absolute; z-index: 2; top: 61px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke63 { position: absolute; z-index: 2; top: 62px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke64 { position: absolute; z-index: 2; top: 63px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke65 { position: absolute; z-index: 2; top: 64px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke66 { position: absolute; z-index: 2; top: 65px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke67 { position: absolute; z-index: 2; top: 66px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke68 { position: absolute; z-index: 2; top: 67px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke69 { position: absolute; z-index: 2; top: 68px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke70 { position: absolute; z-index: 2; top: 69px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke71 { position: absolute; z-index: 2; top: 70px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke72 { position: absolute; z-index: 2; top: 71px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke73 { position: absolute; z-index: 2; top: 72px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke74 { position: absolute; z-index: 2; top: 73px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke75 { position: absolute; z-index: 2; top: 74px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke76 { position: absolute; z-index: 2; top: 75px; left: 186px; width: 1em; height: 1em; border: solid 0 black }
    #laufleisteverstecke77 { position: absolute; z-index: 2; top: 76px; left: 186px; width: 1em; height: 1em; border: solid 0 black }

  • hab jetz mal alles raus geworfen was unsinnig war


    #laufleisteverstecke1 { position: absolute; z-index: 2; top: 0px; left: 186px }
    #laufleisteverstecke2 { position: absolute; z-index: 2; top: 1px; left: 186px }
    #laufleisteverstecke3 { position: absolute; z-index: 2; top: 2px; left: 186px }
    #laufleisteverstecke4 { position: absolute; z-index: 2; top: 3px; left: 186px }
    #laufleisteverstecke5 { position: absolute; z-index: 2; top: 4px; left: 186px }
    #laufleisteverstecke6 { position: absolute; z-index: 2; top: 5px; left: 186px }
    #laufleisteverstecke7 { position: absolute; z-index: 2; top: 6px; left: 186px }
    #laufleisteverstecke8 { position: absolute; z-index: 2; top: 7px; left: 186px }
    #laufleisteverstecke9 { position: absolute; z-index: 2; top: 8px; left: 186px }
    #laufleisteverstecke10 { position: absolute; z-index: 2; top: 9px; left: 186px }
    #laufleisteverstecke11 { position: absolute; z-index: 2; top: 10px; left: 186px }
    #laufleisteverstecke12 { position: absolute; z-index: 2; top: 11px; left: 186px }
    #laufleisteverstecke13 { position: absolute; z-index: 2; top: 12px; left: 186px }
    #laufleisteverstecke14 { position: absolute; z-index: 2; top: 13px; left: 186px }
    #laufleisteverstecke15 { position: absolute; z-index: 2; top: 14px; left: 186px }
    #laufleisteverstecke16 { position: absolute; z-index: 2; top: 15px; left: 186px }
    #laufleisteverstecke17 { position: absolute; z-index: 2; top: 16px; left: 186px }
    #laufleisteverstecke18 { position: absolute; z-index: 2; top: 17px; left: 186px }
    #laufleisteverstecke19 { position: absolute; z-index: 2; top: 18px; left: 186px }
    #laufleisteverstecke20 { position: absolute; z-index: 2; top: 19px; left: 186px }
    #laufleisteverstecke21 { position: absolute; z-index: 2; top: 20px; left: 186px }
    #laufleisteverstecke22 { position: absolute; z-index: 2; top: 21px; left: 186px }
    #laufleisteverstecke23 { position: absolute; z-index: 2; top: 22px; left: 186px }
    #laufleisteverstecke24 { position: absolute; z-index: 2; top: 23px; left: 186px }
    #laufleisteverstecke25 { position: absolute; z-index: 2; top: 24px; left: 186px }
    #laufleisteverstecke26 { position: absolute; z-index: 2; top: 25px; left: 186px }
    #laufleisteverstecke27 { position: absolute; z-index: 2; top: 26px; left: 186px }
    #laufleisteverstecke28 { position: absolute; z-index: 2; top: 27px; left: 186px }
    #laufleisteverstecke29 { position: absolute; z-index: 2; top: 28px; left: 186px }
    #laufleisteverstecke30 { position: absolute; z-index: 2; top: 29px; left: 186px }
    #laufleisteverstecke31 { position: absolute; z-index: 2; top: 30px; left: 186px }
    #laufleisteverstecke32 { position: absolute; z-index: 2; top: 31px; left: 186px }
    #laufleisteverstecke33 { position: absolute; z-index: 2; top: 32px; left: 186px }
    #laufleisteverstecke34 { position: absolute; z-index: 2; top: 33px; left: 186px }
    #laufleisteverstecke35 { position: absolute; z-index: 2; top: 34px; left: 186px }
    #laufleisteverstecke36 { position: absolute; z-index: 2; top: 35px; left: 186px }
    #laufleisteverstecke37 { position: absolute; z-index: 2; top: 36px; left: 186px }
    #laufleisteverstecke38 { position: absolute; z-index: 2; top: 37px; left: 186px }
    #laufleisteverstecke39 { position: absolute; z-index: 2; top: 38px; left: 186px }
    #laufleisteverstecke40 { position: absolute; z-index: 2; top: 39px; left: 186px }
    #laufleisteverstecke41 { position: absolute; z-index: 2; top: 40px; left: 186px }
    #laufleisteverstecke42 { position: absolute; z-index: 2; top: 41px; left: 186px }
    #laufleisteverstecke43 { position: absolute; z-index: 2; top: 42px; left: 186px }
    #laufleisteverstecke44 { position: absolute; z-index: 2; top: 43px; left: 186px }
    #laufleisteverstecke45 { position: absolute; z-index: 2; top: 44px; left: 186px }
    #laufleisteverstecke46 { position: absolute; z-index: 2; top: 45px; left: 186px }
    #laufleisteverstecke47 { position: absolute; z-index: 2; top: 46px; left: 186px }
    #laufleisteverstecke48 { position: absolute; z-index: 2; top: 47px; left: 186px }
    #laufleisteverstecke49 { position: absolute; z-index: 2; top: 48px; left: 186px }
    #laufleisteverstecke50 { position: absolute; z-index: 2; top: 49px; left: 186px }
    #laufleisteverstecke51 { position: absolute; z-index: 2; top: 50px; left: 186px }
    #laufleisteverstecke52 { position: absolute; z-index: 2; top: 51px; left: 186px }
    #laufleisteverstecke53 { position: absolute; z-index: 2; top: 52px; left: 186px }
    #laufleisteverstecke54 { position: absolute; z-index: 2; top: 53px; left: 186px }
    #laufleisteverstecke55 { position: absolute; z-index: 2; top: 54px; left: 186px }
    #laufleisteverstecke56 { position: absolute; z-index: 2; top: 55px; left: 186px }
    #laufleisteverstecke57 { position: absolute; z-index: 2; top: 56px; left: 186px }
    #laufleisteverstecke58 { position: absolute; z-index: 2; top: 57px; left: 186px }
    #laufleisteverstecke59 { position: absolute; z-index: 2; top: 58px; left: 186px }
    #laufleisteverstecke60 { position: absolute; z-index: 2; top: 59px; left: 186px }
    #laufleisteverstecke61 { position: absolute; z-index: 2; top: 60px; left: 186px }
    #laufleisteverstecke62 { position: absolute; z-index: 2; top: 61px; left: 186px }
    #laufleisteverstecke63 { position: absolute; z-index: 2; top: 62px; left: 186px }
    #laufleisteverstecke64 { position: absolute; z-index: 2; top: 63px; left: 186px }
    #laufleisteverstecke65 { position: absolute; z-index: 2; top: 64px; left: 186px }
    #laufleisteverstecke66 { position: absolute; z-index: 2; top: 65px; left: 186px }
    #laufleisteverstecke67 { position: absolute; z-index: 2; top: 66px; left: 186px }
    #laufleisteverstecke68 { position: absolute; z-index: 2; top: 67px; left: 186px }
    #laufleisteverstecke69 { position: absolute; z-index: 2; top: 68px; left: 186px }
    #laufleisteverstecke70 { position: absolute; z-index: 2; top: 69px; left: 186px }
    #laufleisteverstecke71 { position: absolute; z-index: 2; top: 70px; left: 186px }
    #laufleisteverstecke72 { position: absolute; z-index: 2; top: 71px; left: 186px }
    #laufleisteverstecke73 { position: absolute; z-index: 2; top: 72px; left: 186px }
    #laufleisteverstecke74 { position: absolute; z-index: 2; top: 73px; left: 186px }
    #laufleisteverstecke75 { position: absolute; z-index: 2; top: 74px; left: 186px }
    #laufleisteverstecke76 { position: absolute; z-index: 2; top: 75px; left: 186px }
    #laufleisteverstecke77 { position: absolute; z-index: 2; top: 76px; left: 186px }

  • ach neee.. lol hab die ecke erst gesehen, nachdem ich die vorhänge zugezogen hab... hatte/hab ne reflexion vom fenster unglücklicherweise direkt über der ecke gehabt :?


    mir is grad mal eingefallen :idea: .... wenn du das doch eh mit nem bild abdeckst... dann mach doch mal einen screenshot von deiner seite und mach einen ausschnitt fertig, der praktisch wie das zusammenspiel von all deinen png-files aussieht..., so das du nur ein bild hast, was den bereich abdeckt, statt eben dieser unmenge an 1pixel-höhe-files. evtl klappt es dann

  • das mit einem bild hatte ich zuerst, und die seite nach dem schwarzen balken hatte ich transparent..... aber da wo das bild liegt sieht mann dann zwar die bilderlaufleiste, und wie sie verschwindet, aber in dem transparenten bereich des großen bildes könnte man nicht auf die Bildlaufleiste klicken :wink: , irgendwie mag ich so kleine feinheiten... 8)

  • kann es sein dass sich der internet explorer net so ganz mit der endung .png versteht, oder bissi was falsch macht?? Weil wenn ich mir paar gif files zusammen schuster, und anstat dessen ersetze, gehts,
    aber bei gif iss der übergang soooo scheiße, brauch .png, zum heulen... echt... :cry:

  • Zitat von Heavygerch

    irgendwie mag ich so kleine feinheiten... 8)


    Ich glaube fast, du wirst darauf verzichten müssen.


    Ach so, wegen den gifs. Ich glaube, die unterstützen keine Transparenz, deshalb gings auch.


    Mach es doch wieder mit dem großen Bild. Mir fällt weiter nichts ein.
    Gruß
    Jojo