Old issue after updating to 2.02: thumbs don't show up (FIXED IN 2.03)

[Faustini]

Dear Pekka,

An old issue after updating my EE to 2.02: the thumbnails of 2 of my exhibitions ("Sepia" and "Ensaios") disappear from the index (main) page when the browser window is maximized or at certains sizes. Depending on the window's size, the thumbnails of all exhibitions disappear... Please take a look:

www.rodrigofaustini.com/fotos (http://www.rodrigofaustini.com/fotos)

I'm using the latest version of IE 6 on Windows 2000 SP4 (english).

Sincerely,

Rodrigo Faustini

[Pekka]

Ok, I put my old PC up and running and it had IE 6 so I could verify the problem. I did some tests on my own site and here's a fix:

Edit file
/templates/pages/ee_2_default/exhibition/embedded/default_XHTML_css.php

Change CSS class .ee_exhibition_image to


.ee_exhibition_image {
margin: 0px;
padding: 7px 9px 0px 0px;
}


That should (finally) fix the problem with IE 6, without changing look on any other browser. Let me know if the fix works in Windows 2000 (I have only XP machines now although I have Win 2000 pro disk somewhere...).

[Pekka]

BTW with "White " style the standard header texts are black on black. That needs also fixing (adding some color CSS embedded to header file html tags should make it).

[Faustini]

Edit file
/templates/pages/ee_2_default/exhibition/embedded/default_XHTML_css.php

Change CSS class .ee_exhibition_image to


.ee_exhibition_image {
margin: 0px;
padding: 7px 9px 0px 0px;
}



Hi Pekka!

The fix above worked fine for me! I resized the main gallery browser window in several ways and no thumbs disappeared anymore. I did the test on IE 6 under Windows 2000 SP4 and IE 7 under Windows XP Pro and both gave me the same positive results. It seems this old bug was fixed at all!

Thank you very much for now!

Sincerely,

Rodrigo Faustini

[Faustini]

BTW with "White " style the standard header texts are black on black. That needs also fixing (adding some color CSS embedded to header file html tags should make it).

Yes, this "bug" came with the 2.0 update. Will you fix it in the next release or should we fix it by ourselves now? What about both? ;)

Thank you.

Best regards,

Rodrigo Faustini

[Pekka]

This fix will be added to 2.03 update.

[segal3]

This fix makes the 'number of photos in exhibition' text (normally on the next line after the microthumbs from each exhibition) get shifted down an additional line as if there was added <br> code.

Is this another class issue or something to be fixed in layout template?

[DavidW]

Further testing here implies that the only thing that needs removing for IE6 compatibility is the float: left; statement.

Can anyone else confirm that:
.ee_exhibition_image {
position: relative;
margin: 0px;
padding: 7px 9px 0px 0px;
z-index: 900;
}

works for them? Alternatively, visit http://photos.wood2.org.uk to see my EE 2.02 gallery running the version of .ee_exhibition_image above.

I've checked this version of the fix on a Windows 2000 Professional box running the latest security updates and patches to IE6.



David

[DavidW]

This fix makes the 'number of photos in exhibition' text (normally on the next line after the microthumbs from each exhibition) get shifted down an additional line as if there was added <br> code.

Is this another class issue or something to be fixed in layout template?
That's a consequence of removing float: left; from the definition of ee_exhibition_image (which as I've already said is the only change needed for IE6 compatibility so far as I can tell on Windows 2000 Professional and Windows XP - so I suggest is the only change that Pekka makes).

I'm no expert on CSS (in fact, I'm rather a novice), but with the float gone, that's what happens. A 'quick and nasty' fix is to comment out (insert // at the beginning) line 39 of templates/pages/ee_2_default/exhibition/embedded/default_XHTML_content.php - though I'm not sure that would pass Pekka's approval. A CSS and XHTML guru may have a neater fix.



David

[::John::]

How about using text-align: left instead of float: left?

[DavidW]

How about using text-align: left instead of float: left?
I've tried that; it doesn't make the 'extra space' segal3 talks about go away, but it doesn't break anything in IE6. In fact, adding text-align: left to .ee_exhibition_image seems to change nothing over the behaviour with float: left removed - at least in IE6.



David

[wkitty42]

How about using text-align: left instead of float: left?
in CSS you have to think differently than one would with "normal" stuff and even photos... in CSS, you have to think in divisions or groups... text-align is for textual objects... it doesn't work on container objects like DIV and SPAN... well, not like float does ;)

[jetmuzer]

text-align is for textual objects...

not realy.. it also can align objects like pictures, tables and others..
change me if I am wrong, but i did it