WE HAVE SUNSET THIS LISTSERV - Join us at collectionspace@lyrasislists.org
View all threadsHi all,
I've been tinkering for a long while with finding a way to fix the varying
field length issue -- the issue where the fixed- and dynamic-length grouped
elements vary in length against a fluid width page/block in the UI. I have
something that almost works, at least in Chrome, but broken in most
browsers. I found that using the relatively new flexbox (aka box-flex AKA
flex) layout property in CSS3 offers a good solution. The problem is that
this new CSS3 property is too new and incompletely implemented across all
major browsers. C'est la vie.
Here's a good review about this layout model
http://coding.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/
And some Moz docs
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
Here's a quick snapshot of this in action
[image: Inline image 1]
I can share my notes with anyone who might want to tackle this problem.
Just let me know.