Getting Drupal's AcidFree Image Gallery to Display Correctly in Internet Explorer

Fixing CSS in Drupal's AcidFree Image Gallery

Contract Web Development outlines some CSS declarations for your template's style sheet that will allow you to make overrides (no direct editing of AcidFree code) that enable AcidFree albums to appear correctly in Internet Explorer.

The 4.7.x version of AcidFree at the time of this writing resulted in album thumbnails not appearing correctly in Internet Explorer (all versions including IE 7). In particular, the thumbnail image would slide to the top of the folder and image cells because of a style declaration (display: table-cell) not supported by IE.

Override AcidFree's Stylesheet

The preferred method of any fix is to override module code via your theme's files so you don't make changes to a module that will later be reversed by an update. Insert these declarations into your theme's stylesheet (I keep them in a section entitled "module overrides." They will automatically override the statements that prevent the thumbnails from appearing correctly in IE as your theme's stylesheet is loaded last (and by rules of inheritance therefore overrides the styles loaded previously by acidfree.css).

Voila Post any questions or comments below.