Adam Hardy wrote: > Gunlaug Sørtun on 03/10/07 01:45, wrote: >> Are you thinking along these lines...? >> >> http://www.gunlaug.no/tos/alien/ah/test_07_1003.html
> 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! The drop happens in all browsers at narrow windows. That's how floats behave when they run out of space. Can be prevented by providing a 'min-width' - and a workaround for old IE6. 'overflow: hidden' contains floats - as long as it isn't restricted by given dimensions. Quite buggy effect in some browsers. > 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? You can modify appearance more or less as you want with CSS, only limited by imagination and browser-support. Example: <http://www.gunlaug.no/tos/alien/ah/test_07_1007.html> ...which is still far from optimized and I've done nothing to simulate proper CSS support ('min-width' etc.) in IE6. > Maybe I'm relying too much on the CSS as applied by firebug - I'm not > completely confident about its capacity. Don't know, as I don't have much experience with firebug. I have the whole set of tools/extensions in Firefox, but find it easier and faster to debug and work on html, CSS and script in dedicated and fine-tuned authoring-software and extension-free browsers. > 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) Notice that you have 103 validation errors in your page... <http://validator.w3.org/check?uri=http://www.gargantus.com/sylvie/list.html> ...while I have 0 - zero - in live copies of the very same page. Notice also that I use the correct - and strict - doctype that reflects the source-code I serve. You OTOH are using the wrong - and transitional - doctype. Don't do that... <http://www.gunlaug.no/contents/wd_additions_25.html> Transitional means "almost standard" in Firefox and other non-IE browsers. That "almost standard" means non-standard treatment of images that are not aligned with real text in an element, which tends to give one appearance in non-IE browsers and another in IE. ---- BTW: if you have tabular data and want them to appear as tabular data, why not use HTML table? After all; that's what HTML tables are for. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
