Ben Shamsian <[EMAIL PROTECTED]> wrote:
On browsers other than IE however the inner div stays at 100% of its parent "content" div. Which is the correct behavior?
The inner div should remain at 100% of #content. Static block layout is done with respect to parent element. IE is wrong.
You will also confuse it with your 'display: table' rule on #keepInside. IE will ignore such display settings, and if it were behaving correctly on the block layout front it would make the green dashed border the size of the browser window too (with the table flowing out over it).
In any case it's not a good idea to have a 'display: table' element containing anything other than 'display: table-row' elements (the rules about it are quite complex - and CSS 2 17.2.1.1 is unclear IMO) and are not required of HTML user agents anyway.
How can I make IE to also keep the inner red div at 100% of its parent div size?
Put the inner red div in the same table cell as the long (unwrappable) content. Forget about 'display: table' for the moment, it doesn't work well enough cross-browser yet.
-- Andrew Clover mailto:[EMAIL PROTECTED] http://www.doxdesk.com/ ______________________________________________________________________ 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/
