I just happened to view my site with Internet Explorer
and notices that there are some formatting issues with
the acidfree nodes. I wouldn't worry about it, but
many of my users use IE.

When using IE
1) the grey area behind the thumbnail is much taller than
the image (see attached screenshot)
2) On the front page, the photos do not get put inline
with the text description - they are forced onto
separate horizontal areas, making for a less attractive
page layout.

I fixed the second item by modifying acidfree.css as follows:
div.fullslide {
margin: 0px; /* Changed from 'auto' */

Whatever I do to the stylesheets, I cannot seem to fix
item 1 above.

This happens with both the pushbutton and bluemarine themes.

CommentFileSizeAuthor
#2 ieproblem.jpg167.36 KBmudanoman
acidfree.bmp315.91 KBkayfish

Comments

lucky a’s picture

I have a variation of this issue:
I have two themes available on my site - one pushbutton based , and one bluemarine based (just changes the colors on both, really). With bluemarine theme, everything works great! But with pushbutton, it works fine in Firefox, but in Opera and Explorer the grey tiles behind thumbnails are twice the length they should be, and the mini-thumbs are not aligned properly on the folder icon (firefox - left; explorer - bottom; opera - left-bottom).

mudanoman’s picture

Version: master » 4.7.x-1.x-dev
StatusFileSize
new167.36 KB

Have a similar problem. See attached. Will try to fixed the second problem with your method.

Thanks,

Ivan

vhmauery’s picture

Status: Active » Closed (won't fix)

Sorry, I have neither the time, resources nor CSS knowledge to be able to fix your IE problems. I don't own a computer with IE installed. I can't test acidfree with every theme. Sorry it doesn't work with yours.

If you want to help out, you can help design a classy looking theme that could ship as the default theme for Acidfree. I have offered this to many users, but so far, I have no takers.

nevan’s picture

Assigned: Unassigned » nevan
Status: Closed (won't fix) » Fixed

Fixed adding

display: inline-block;

to "div.outer span" and "div.folder span" in acidfree.css

These lines were present in acidfree.css 4.6 but not in acidfree.css 4.7

vhmauery’s picture

I removed the lines because inline-block is not a valid CSS display value; It is a hack to make IE work. I am not sure which is worse: including invalid CSS or breaking IE.

The best fix would be one that involved writing a new default acidfree thumbnail theme. Perhaps someone would like to do that.

Anonymous’s picture

Status: Fixed » Closed (fixed)