PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
H

IE7 ernstige bug

Door Herman Banken op 26-02-2008 18:31
788 views
Beste medeprogrammeurs,

Ik ben bezig een site voor een fotograaf te maken: hermanbanken.nl/lette-fotografie.
Ik ben nog bezig het script te schrijven enzo, maar ik ben al gestand op IE.
In Mozilla, Opera, Safari ziet alles er normaal uit, maar in IE gaat het fout.
In Mozilla etc krijg ik wat ik wil: gele vlakjes met groen erin (als test he). In IE krijg ik de eerste keer geel, maar geen groen en na een refresh gaat het pas echt fout:

Ik gebruik png afbeeldingen met transparant-witte kleuren om de achtergrond donkerder of lichter te maken (klinkt vaag, bekijk de css code van de site maar, dan snap je het). Deze plaatjes zijn 1x1 px en ik rek ze uit. Na de refresh gaat het fout in IE: er ontstaat een gradient in de transparante plaatjes (van 1x1 px) en er zijn geen gele vlakjes meer.

Dit alles is natuurlijk uiterst vreemd want je script kan dit niet veroorzaken: 2 keer een andere uitkomst.

Weten jullie of dit aan een fout in IE7 ligt? Hebben jullie misschien IE5/6 en kunnen jullie even zeggen of hij het daarin wel doet? Als het toch aan mijn script kan liggen, weet iemand dan waarom?

Met vriendelijke groet,
Herman Banken
Jan Koehoorn
26-02-2008 19:29
IE7 geeft ook een JavaScript error. Helaas heeft IE geen JavaScript console waarin je precies te zien krijgt wat er fout gaat.

Wat is precies het effect dat je wilt bereiken? Voor de meeste dingen is wel een crossbrowser oplossing te vinden naar mijn ervaring.
b
bart van der veen
26-02-2008 20:30
@jan, ie7 heeft ook een javascript console, waarin je precies kunt zien wat er mis gaat. Een maat heeft er eentje voor zijn asp/javascript dingen. zal ff kijken of ik kan uitvinden hoe en wat.
H
Herman Banken
26-02-2008 23:42
@jan: Als je even in FF kijkt kun je precies zien wat de bedoeling is :P
En: Ja klopt, hij geeft inderdaad nog een foutmelding. Maar waar die dan weer vandaan komt heb ik nog niet ontdekt omdat de regelnummers van de foutenconsole van IE nooit precies kloppen.

En hebben jullie gezien wat er met de transparante pngs in IE7 gebeurt (daar werkt het wel, ik had ook zo'n pngfix, maar die werkt dus niet volgens de screenshots)? Ze krijgen een gradient na de refresh.

Wacht ik zal er een printscreen van maken. In mijn volgende antwoord een link naar de screenshot.
H
Herman Banken
26-02-2008 23:46
Ownee. toch niet. nieuws mensen:
Ik had vanmiddag dus dat gradient probleem. Maar om de een of andere reden was dat nu net niet meer zo. Het script werkt nog steeds niet, maar die gradient heb ik niet meer.
Het klinkt misschien als een fabeltje: Een browser die plaatjes vervormd, maar het was echt zo.

Nu terug naar het script. Het werkt nog steeds niet. Weet iemand wat de error in IE te betekenen heeft? Waar klaagt hij over?
H
Herman Banken
26-02-2008 23:59
Ik heb inmiddels ook die error in IE7 weggewerkt:
Het zat het in hoe ik de onload gebruikte in het script loadalb.js.
window.onload = doe iets
gebruikte ik terwijl het natuurlijk 
window.onload = function(){ doe iets }
moet zijn.
Nu snap ik alleen nog niet waarom de titels die in FF in het groen staan in IE geen groene achtergrond hebben. Weten jullie waarom?
Zou het eraan kunnen liggen dat als ik die titels in een div zet met een class en met css opmaak dat IE niet gaat kijken hoe hij het moet opmaken omdat de css al geladen is ?
Crispijn -
27-02-2008 00:03
ho ho ho, niet bumpen! netjes op je beurt wachten! foei!
S
Stef Segers
27-02-2008 09:13
Nog even over het PNG verhaal in IE6. Daar is wel een makkelijke oplossing voor. Ik heb een handige CSS gemaakt.


* html img,

* html .png{

    position:relative;

    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

    );

}


Je moet alleen nog even een transparent.gif hebben 1x1 px transparent gifje
Werkt goed.. www.stefansegers.nl/over.php staat mijn handtekening in png geplaatst!

Reageren

Inloggen om te reageren