Hi.

First let me explain the situation:

I have a container div, this div has a fixed width but the height is
dynamic. It also has overflow: hidden on it to avoid for the div to grow
larger when it gains content that's too big.
Next, i have an absolute positioned div in that container div. This div is
also taller than the container div.

The problem:
The absolute div is being clipped by the container div. No shock there, but
i have to let it not be clipped... The container div MAY grow taller, but if
possible i'd rather not have it grow taller, rather go "outside" of the
container. (like seen in my example with IE6)

Using overflow-x: hidden; overflow-y: visible; works for IE6, but ofcourse
not for IE7/FF.
2nd Thing to keep in mind is that the container has position: relative; and
that the document has to be XHTML 1.0. Changing it to HTML 4.0 works for IE7
but still not for FF. (I have FF 1.5)


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. Putting it
outside of the container div is also not an option. :/


Here's an example of how my code looks like:
http://jos.hopla.com/test.htm

The solution only has to work in IE5.5 and higher, plus FF

Major thanks!
Jos
______________________________________________________________________
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/

Reply via email to