Opal for Scrapbook

[tinyjo]

woo! Finally got a solution for a personal web design holy grail - a fluid css layout for gallery thumbnails requiring neither fixed width nor fixed height! I have to admit that I didn't come up with it myself, but found it here. The CSS is a little bit hacky (although the markup is lovely) and my version won't work validate because I can't use conditional comments on LJ (all comments get stripped on SB by the look of it) but I got it working in both Firefox 1.0.7 and IE 6 on Win XP. Anyone with a different browser/OS, can you have a look at this gallery with some nice long descriptions and let me know if you don't see a nice tidy grid layout? Thanks!

camomiletea, I've run out of obvious things to implement apart from English stripping, which I'll do in a bit. What else would you like to see in the style? Any sidebar modules, SB features I've forgotten, anything you like really.

Also I would like to point out that I have been explaining this to Charlie as I go, just like the guy in my userpic :)

Comments

[shepline.livejournal.com]

Seems to work okay in Firefox 2 but it doesn't seem to like IE7 - thumbnails display down the page rather than across the page.

[despotliz.livejournal.com]

Looks fine in Safari 2.0.4 on OSX 10.4.

[ridicully]

Looks good to me in Opera 9.1 on WinXP

[diffrentcolours]

Looks OK in Konqueror 3.5.5, on Debian GNU/Linux 4.0

[burr86.livejournal.com]

Looks great in Safari!

[camomiletea.livejournal.com]

Oooh, pretty! I'll take a look tomorrow, since I was just going to bed, when I decided to check what I missed on friends page.