Jos van Panhuis wrote: > Is there any way for the 2nd div to not be clipped by the container? > Or to get the "overflow-x: hidden; overflow-y: visible;" idea > working.
> http://jos.hopla.com/test.htm > > The solution only has to work in IE5.5 and higher, plus FF Unless I have misunderstood your requirements completely, the container should *not clip* its absolute positioned child-element vertically in any browser, when styled like this... <div style="position:relative; width:200px; _overflow-x:hidden; border:1px solid #000;"> ...which in "normal" CSS would look like... div#container { position:relative; width:200px; border:1px solid #000; } * html div#container { overflow-x:hidden; /* hide horizontal overflow in IE5.x - 6 */ } What puzzles me though is that the overflow will be visible in all browsers, if you don't try to control 'overflow' at all. That's how absolute positioning works by default, and even IE understands that AFAIK. OTOH: IE6 and older don't respect given dimensions, so hiding horizontal overflow in those IE-versions (like I have done above) makes sense. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
