Drupal en IE

Voor IE6, IE7 en de bèta versie van IE8 geldt een maximum van 32 externe CSS files die geladen kunnen worden in de sectie van een website. Waarom? Omdat de ontwikkelaars van IE ervan uit gingen dat 32 externe stylesheets genoeg waren voor een fatsoenlijke website! En eigenlijk is dat ook zo. Veel stylesheets vertragen namelijk niet alleen het laden van een website, het wordt er ook niet overzichtelijker van.

Binnen Drupal kan dit echter een probleem worden. Veel Drupal modules bevatten namelijk hun eigen css file(s). Wie dus veel extra modules heeft geïnstalleerd, moet rekening houden met extra css files. Voor een beetje site zijn dit er al gauw meer dan 20. Dan kan het gebeuren, dat na de installatie van nog wat extra modules, de site in IE opeens vreemd gaat doen! Teveel css files misschien?

Tellen is weten. Als eerste moet je weten hoeveel css files geladen worden voor je website? Dit kun je makkelijk te weten komen d.m.v. Firefox en de Phoenix Editor. Na installatie is rechts onderin een icon zichtbaar met daarnaast het aantal CSS en JS files. Zit je onder de 32 dan heb je een ander probleem. Kom je boven de 32 dan is er een oplossing.

Log in als admin, gebruiker 1 dus, en ga naar;

- 'site-instellingen'– 'prestatie'!

Scroll naar beneden tot aan;

- 'Optimaliseert CSS-bestanden:' kies – 'Ingeschakeld'.

Hiermee worden alle css Drupal files samengevoegd tot één css file.

Sla de instellingen op! Hierna moet je op de zelfde pagina alleen nog de cache-data opschonen! Als dit ook gebeurt is test je de site in IE.

Soms kan de interne cache van IE nog even voor wat problemen zorgen, maar dat is snel over! Blijft IE hierna echter nog steeds problemen geven heb je een ander probleem!