Sent by Theodore on 11 August 2004 08:08
Thanks for the input.
> That looks suspiciously like a table to me.
....
> 1. Make the divs the same height by setting a height for them
> 2. Add a div with "clear: both;" between the rows...
Setting up a table, clear:both or a height is not an option. I don't
(can't) know how many will fit in a row (the container div is
re-sizable) and height can very a lot.
> You can easily achieve that with CSS and a definition list. Here's a
> really good example:
> http://www.maxdesign.com.au/presentation/definition/dl-image-
> gallery.htm
Suffers from the same problem as float:left, at least on latest
versions of I.Explorer, Safari, Omniweb and Opera (all Mac).
The best solution so far is Bruno's display:inline-block with lots of
hacking, off-course.
Tested on all above mentioned Mac browsers. (I.Explorer does its' own
thing of aligning the bottom of the thumbnails.)
http://www.brunildo.org/test/test/thumbs.html
----------------8<--------------------
<style type="text/css">
<!-- use SPANs instead of DIVs -->
..thumb{ display: -moz-inline-box;
display: inline-table;
vertical-align: top;
padding: 10px;
background-color: #afa;
margin: 4px; }
* html . thumb { display: inline-block; }
/* \*/
.. thumb span { display: block; }
* html . thumb { height: 1px; }
/* */
</style>
---------------->8--------------------
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
