Gunlaug Sørtun on 03/10/07 01:45, wrote: > Adam Hardy wrote: > >> I'm looking for a simple solution to a width problem on a page showing >> rows of items with various other bits of info for each row. > >> http://www.gargantus.com/sylvie/list.html >> >> In the first block on this page, I use a div per row and I can't find >> a way of setting width. The second block is a table. > > Are you thinking along these lines...? > > http://www.gunlaug.no/tos/alien/ah/test_07_1003.html > > I made no attempt to fine-tune anything, since I didn't want to change > the source-code itself. Styles added in page-head. > > A class for each "column" (or selectors that IE6 doesn't support), will > improve things.
Yes I am thinking along those lines - and your solution is tantalisingly close, if only it behaved itself in IE6, which annoyingly drops the right-most inline box down to the next line for some reason. I was totally ignorant of the effect the overflow:hidden property here! You've managed some sort of vertical alignment on the row, which comes out nicely despite using the float attribute. My attempts with float:left caused the vertical-alignment of the imgs to disappear and I struggled with it for ages. How did you do that? Maybe I'm relying too much on the CSS as applied by firebug - I'm not completely confident about its capacity. I've put my page up at the same address as above - why isn't CSS applying the same vertical-align: middle to those imgs? I don't see a reason when comparing it with yours (also above) Regards Adam ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
