Den sidste uges tid hos Creativeskills er gået med styling af kampagnesite og dets cms system. Jeg har fået en psd af en af grafikkerne og er derefter gået igang med at slice forskellige elementer og sætte det op i div tags osv.

Stylingen af cms systemet er gået forholdsvis problemfrit. Designet er simpelt men brugervenligt, og derfor opstår der ikke de store problemer, når det sættes op og styles.

Desværre har det i mellemtiden været en anden sag med selve kampagnesitet, som er en anelse mere komplekst end cms-delen. Som programmør oplever man tit at designere har en tendens til at glemme hvor besværligt det er med browsers og transparency på billeder. Jojo, gifs kan da være fine nok når vi taler om ganske simple billeder, men jo flottere og mere komplekse billederne bliver, jo sværre bliver det samtidig at få noget flot ud af gifs, suk. Men så er der jo selvfølgelig pngs. Der er så bare det problem at vore gamle ven, Internet Exploder 6, ikke har det så godt med png billeder og transparency. Istedet vises gennemsigtigheden som en lyseblå farve. Det er ikke så heldigt, da der desværre stadig er ca. 30% af markedet, der endnu ikke har opgraderet deres browser! Nå, men heldigvis har Microsoft da lavet et filter i IE 5,5 og 6, som gør det muligt at vise png billeder med gennemsigtighed. Så ved brug af filteret og conditional statements fik jeg da løst problemet.

Så har der selvfølgelig løbende været række andre problemer med elementer, der opfører sig underligt i IE6, men sådan skal det jo altid være (åbenbart). Resultatet er dog langt om længe blevet ens i IE6, IE7 og Firefox. Nedenstående billede er fra IE6. Der mangler dog stadig noget arbejde på nogle af undersiderne, så der kan stadig nå at ske en masse spændende ting.