Ta-da. You are correct. Is there something I didn't understand about the standards, or is this just an IE local knowledge thing? Thanks a bunch.
-----Original Message----- From: James Gadrow [mailto:[EMAIL PROTECTED] Sent: Monday, May 14, 2007 3:50 PM To: [EMAIL PROTECTED] Cc: CSS Mailing List Subject: Re: [css-d] Overflow:scroll and position:relative in IE6 - Bug? Alan K. Gay wrote: > I would like to place a relatively positioned element inside a fixed width > div with overflow:scroll. It works fine in FF, and in IE6 in quirks mode. > But the minute I put IE6 in "standards" mode, the scroll bar quits > working and the overflow from the inner element becomes visible > outside the outer div. > > The code below generates a blue div scrolled horizontally inside a > yellow div. If you remove the URL from the doctype in IE6 it works, > but otherwise in IE6 the scroll is dead and the blue div escapes the > right side of the yellow div. > > <!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd";> > <div style="width: 600px; overflow: scroll; margin: 0px 200px; > background-color: yellow;"> > <div style="width:1500px; > height:30px;background-color:blue;position:relative;">This is div text</div> > </div> > > Alan K. Gay > > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > Try making the scrolling div position: relative as well: <!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd";> <div style="position: relative; width: 600px; overflow: scroll; margin: 0px 200px; background-color: yellow;"> <div style="width:1500px; height:30px;background-color:blue;position:relative;">This is div text</div> </div> I found the solution at: http://www.webdeveloper.com/forum/showthread.php?t=114891 so if this didn't work for you, maybe further reading of that thread will help. -- Thanks, Jim ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
