Muke po Microsoft ie-u
Trenutno u quadartu radimo na ozonsport.hr stranicama... Za sve vas koji zelite sneak peak evo jedan link na demo verziju site-a. Samo molim da ne djelite informacije previse uokolo...
Stranica koristi dorađeni QuadartCMS kao osnovu i rikijev Uber template za prikaz sadržaja...
Kao što možete vidjeti stranica koristi neke transparentne djelove koji zadaju probleme famoznom Microsoftovom internet exploreru..
Dijelovi stranice ispod teksta novosti i ispod proizvoda iz ponude se nalaze na bijeloj polutransparentnoj pozadini koja je napravljena od jednog 24-bitnog PNG-a veličine 1x1 pixel. Svaka normalna osoba bi mogla zaključiti da se kroz taj png vidi pozadinska slika...
Na slici je primjer sa safarijem na Mac OS X operativnom sustavu.
IE6 ne podržava transparentnost 24-bitnog PNG-a pa se u tom zlu od browsera pozadinska slika ne vidi kroz gore spomenuti i lijevo prikazani div. Naravno time se necemo zamarati, jer smo ljude koji koriste IE6 odavno ostavili na milost i nemilost svom čudnom izboru, pa se necemo niti malo potruditi primjeniti nekakav PNG fix za taj problem...
Ipak IE7 koristi mnogo više ljudi i on je u mnogočemu zreliji browser od IE6, te je potrebno testirati stranicu za taj browser. Kako vaš cijenjeni developer radi na mac računalu i nema instalirane windowse onda stranice testira u IE7 okruženju preko emulacijskog programa CrossoverOffice.
Rezultat takvog testiranja je vidljiv na slici.
Kao što možete primjetiti naš IE7 se malo pobunio oko sadržaja koji je provirio ispod donje granice, ali to je bilo i za očekivati zbog nadaleko poznatog "Box model" bug-a. Taj problem je veoma lako rješiti pomoču mnogih poznatih popravaka, i u pravilu se sa njim bavimo na kraju design procesa... Sami Quadartovci su bili iznimno zadovoljni ovakvim ishodom situacije sve dok....
...sve dok Riki nije otvorio stranicu na svom piceku, pardon kompjuteru sa instaliranim windowsma i IE7 preglednikom. Rezultat je vidljiv na slici 3.
Kako se može primjetiti pojavljuje se gradijent koji kreče od gornjeg lijevog kuta prema donjem desnom kutu, dijagonalno preko cijelog div-a... I što je najgore to uopće ne izgleda toliko loše :-D Jedini problem je u tome što toga gradijenta nebi smilo biti... Onda kreču muke mladih quadartovaca. Kako i zašto?
Probali smo i sa 8-bitnim PNG-om, bez rezultata... Nakon pustog istraživanja i pretraživanja interneta, nakon izgubljenog skoro pola dana bez ikakvog rješenja u vidu, javlja se famozni twitteraš @wiired i kaže probajte sa pozadinskom sličicom veličine 50x50. Nakon zamjene male sličice sa ovom večom sve je čudotvorno proradilo u svim verzijama IE7 na svim operativnim sustavima... Zar to nije bilo logično rješenje?? NE... :-D
Šta da sada jedan developer, koji je potratio pola svog jutra da bi pronašao rješenje za problem, koji je toliko banalan da nebi trebao niti postojat, napravi? Da traži od Microsofta dnevnicu za potračeni dan? Ili da im napiše zahvalnicu za treniranje upornosti? Možda bolje ovo drugo jer upornost je jedna divna osobina... :-D
Dok ne zaključim što bi trebao, i dok microsoft konačno ne izda pošten preglednik, dragi gosti quadart stranice posjetite jednu od ovih stranica:
