Disse.cat

Fart d’acabar un projecte web que es veu perfectament en Firefox, però sobtadament el teu client diu que ho veu malament en I.E.6. És un problema realment comú que tenen tots els dissenyadors i programadors web. Com solucionar-ho? Eliminant tots els Explorer 6 i 7 del mercat. Bé, aquesta opció és força difícil per tant, obtindrem altres solucions.

1. Detectar el problema

Per poder visualitzar la nostra web amb diferents navegadors no cal tindre instal·lat tots els navegadors. Igualment l’explorer no et deixa tindre vàries versions instal·lades. Tenim dos opcions:

Baixar-se i instal·lar el software gratuït IE tester que ens permetrà veure en Explorer 5, 6, 7 i 8 la nostra pàgina web en diferents pestanyes. Una forma realment senzill per veure com queda la pàgina

L’altra forma de detecció, i més novedosa és Adobe BrowserLabs. Una aplicació online d’Adobe que ens permet visualitzar les diferents captures per a una pàgina web en diferents navegadors. Realment útil, i només requereix un registre.

2. La sol·lució: Els hacks CSS

Segurament el problema el tindràs amb Explorer, ja que tant Safari, Firefox o Chrome, llegeixen correctament les normes CSS de W3C. Per aquest motiu tenim que trobar certs truquets per insertar codi CSS i que només el detecti Explorer.

Per exemple, a cada classe CSS hi podem implementar el següent codi:

.classe_bitscatalans{
color: #111;
_color: #111; Internet Explorer 6 i inferiors
*color: #111; Internet Explorer 7 i inferiors
}

Doncs bé, amb aquestes normes, no hauríeu de tindre cap problema en la visualització de les vostres webs en diferents navegadors.