Using rectangular thumbs with mixed orientation breaks layout

[mrzippy]

Due to the float used on the HTML list that thumbs are contained in the layout is broken when rectangular thumbs with mixed orientation is used.

A partial solution is a simple change to the CSS which maintains the layout without a float.

This works in Safari / Firefox / IE6 but NOT in IE6/IE7 so needs some work.

/plog-content/themes/default/gallery.css

CSS changes:

.slides li
----------
display: inline; (from block)
remove float: left;

.tag 
-----
add display: inline-block;
add vertical-align: top;

Before:

After:

[mrzippy]

This works in Safari / Firefox / IE6 but NOT in IE6/IE7 so needs some work.

should read

This works in Safari / Firefox / IE8 but NOT in IE6/IE7 so needs some work.

[mrzippy]

URL for code:

My Fix code (not ie6/i67)  http://climaterealists.com/test/index.php

RC1 Code  http://climaterealists.com/test/index.php

This is static testing code not a live site.

[mrzippy]

Having a bad day!

URL for code:

My Fix code (not ie6/i67)  http://climaterealists.com/test/index.php

RC1 Code  http://climaterealists.com/test/index2.php

[mrzippy]

I have spent more time on this today and I can't find a way to get IE6/IE7 to display this correctly.

Only solution I can see is to change the layout code by specifying number of thumbs per row.

Then clearing floats per row.

As I said before you CANNOT float images to the left if they are different heights, it will not work correctly.

[mrzippy]

I have just created a test site using a clean install of Plogger 1.0 RC1

All I have done is change the thumbnail setting from "square" to "longest side"

If you stretch / shrink the screen width you will see the issue with the CSS.

 http://mrzippy.org.uk/sarah/

[sidtheduck]

Closing ticket as it's a duplicate to ticket #242. Will respond to that ticket directly.