Interestingly this did not work for me in IE6, until I tried it without a strict doc type declaration. So, I tried a transitional doc type, and this code also does not work with transitional either.
So, as best as I can tell with limited testing, is that to work in IE6 it must be in quirks mode. Luckily, I can work with this for now on this project. -------------- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA "C code. C code run. Run code run. Please!" - Cynthia Dunning ...-----Original Message----- ...From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] ...Sent: Thursday, July 14, 2005 4:08 PM ...To: Ian Skinner ...Cc: css-d@lists.css-discuss.org ...Subject: Re: [css-d] Stretching wider then the view port. ... ...Ian Skinner wrote: ...> My goal is to have the div as wide as the table. I would presume ...> that the "body" is wide as the table in order to encompass it, so if ...> one declared the div to be 100%; it would be as wide as body and ...> thus the table. But that does not work, at least not in IE6. ... ...This should work pretty well across browser-land: ... ...<body> ...<div style="display: table; _height: 0;_display: inline;"> ...<div style="margin: 2px; padding: 2px 10px; border: solid 1px ...blue;">Some top of page stuff</div> ...<table> ... <tr> ...<td style="margin: 2px; padding: 2px 10px; border: solid 1px ...red;">data</td> ...<!-- repeated a few dozen times making a wide table ... that requires horizontal scrolling. --> ... </tr> ...</table> ...</div> ...</body> ... ......exploiting 'display: table' to mimic 'hasLayout' on an outer ...container. ... ...Tested in: Opera 8, Safari 1.2.4, Firefox 1.0 and IE6. ... ...regards ... Georg ...-- ...http://www.gunlaug.no Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. ______________________________________________________________________ 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/
