Lori Hylan-Cho wrote: > I'm looking at a case where the rendering differs between IE and > Firefox/Opera (all on Win at the moment), and I'm trying to determine > whether it's (a) a bug in IE, (b) a bug in FF/Opera, (c) a perfectly > reasonable (but different) reading of the spec, or (d) something else. It > seems very similar to the Expanding Box Problem [1], except that there's no > explicit width on the containing block. > > Example page is here: > http://www.avocado8.com/testing/containing_block.html >
Yes, this is an example of IE's bug of auto expansion. > To see the problem, make your browser window narrower -- until the image is > clipped (FF/Opera) or a horizontal scrollbar appears (IE). Basically, IE is > expanding the containing div to fit the content no matter what size the > browser window is. FF and Opera, on the other hand, limit the size of the > div to the width of the viewport and, because overflow: hidden is set on the > div, clip the image. (If overflow were not set to hidden, the image would > show, but the gray background would stop short of the right edge of the > browser.) > > Thoughts on what's happening here, and ways to work around it? Is setting a > width on the div the only way to get the browsers to match? > Which one do you want to change -- FF or IE? If you want to emulate IE's auto expansion, think back to table layout days. Table cells did this very thing. Well, using "display: table-cell" you can get a div to act like a table cell. I just wrote two articles on this topic, actually: http://www.communitymx.com/abstract.cfm?cid=53F70 http://www.communitymx.com/abstract.cfm?cid=EB8C5 If, on the other hand, you want IE to emulate FF, that's a whole other matter... Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ 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/
