> I need to list products in such a way that the number > displayed per row will > adjust according to screen resolution set with a thumbnail > picture on the > left and the item details on the right for each product > displayed. Sounds > simple enough. Should look like this: > > Thumb | Item No. > ..... | Product Name > ..... | Price > ..... | Inventory > ..... | Etc. & so forth >
<SNIP> Any ideas how to group > these without > the product info wrapping? The barest example can be found here: > http://www.yescoltd.com/products.htm I don't know if this will hold up under closer scrutiny or cross-browser, but in your limited example, the following code worked: .thumb { border: 1px solid #ccc; border: 0; margin: 0; padding: 3px; float: left; } .partdesc { margin: 0; padding: 0; margin-left:35%; } If you know the finite max width of the thumbs, just insert it plus 10px into the .partdesc margin-left property. If this doesn't solve the problem, let me know and I'll work out a proper solution (right floated with negative margins comes to mind). Ron ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
