[jQuery] Re: Order of hiding container-divs and their content matters on IE6,7
Hi Ripple and Ricardo, Thanx for your reactions. @ ripple: Feel free to view the source code of the demonstration page (see link I posted), there are some clarifying comments inside. @ Ricardo: indeed it is quite strange that the IE webdeveloper toolbar says 'display=none' and nevertheless the element is visible. That indeed points in the direction of an IE bug. I only wasn't sure whether there might be something in jQuery that triggers on IE on "hasLayout" (which in turn is triggered by position:absolute), and guessed that people deeply versed into jQuery's source code maybe could directly point the way in that, better than I could try to find it. @ Ricardo: Visibility: hidden is a good fix indeed, thanx! Didn't try that yet after having struggled for many hours to sort down the problem, but logical solution. Indeed in my 'own home-grown library', which I always used before jQuery came around, I always *combined* display: none and visibility:hidden, to hide things. Would this be an option for JQuery's hide()/show() functions, or would that have other drawbacks? Absolute positioning is frequently needed and containers with content are also common, in my experience (anatomical e-learning with layers of images exactly stacked on top of each other, each adding structures to the whole) In any case, it's reassuring that I didn't seem to have overlooked something basically as far as seems now. Thanx! On Dec 22, 3:17 am, ripple wrote: > He said that was a demonstration/example. He didn't say that it's his code. > > > --- On Sun, 12/21/08, Ricardo Tomasi wrote: > > From: Ricardo Tomasi > Subject: [jQuery] Re: Order of hiding container-divs and their content > matters on IE6,7 > To: "jQuery (English)" > Date: Sunday, December 21, 2008, 8:26 PM > > He just did. Why not read it? > > On Dec 21, 10:19 pm, ripple wrote: > > > How about posting your code? > > > > > > > > http://2whoa.com/dominate > > > --- On Sun, 12/21/08, Paul wrote: > > > From: Paul > > Subject: [jQuery] Order of hiding container-divs and their content matters > on IE6,7 > > To: "jQuery (English)" > > Date: Sunday, December 21, 2008, 7:10 PM > > > In IE, when having elements containing other elements, ie. a div > > containing images, when attempting to hide a content-element of a > > hidden container-div, this won't work, it won't even be possible > > anymore after re-showing the div. This problem occurs: > > > - only on IE6,7 (didn't try IE8), the problem doesn't occur on > FF3, > > Op9, Saf3(Win), Chrome > > - only when both the container div and the content are absolutely > > positioned > > > (tested both with jQuery 1.2.3 and 1.2.6) > > > It is demonstrated here: > > >http://www.justarrangingbits.org/webtech/jquery/demos/hideorder.htm > > > I guess it is connected to 'hasLayout' on IE, but don't know > how > > exactly. Struggled nearly a complete day to narrow down to what seems > > to be the problematic combination. Am I making a mistake? Is it a > > bug? > > Thanks for any information or help.
[jQuery] Re: Order of hiding container-divs and their content matters on IE6,7
He said that was a demonstration/example. He didn't say that it's his code. --- On Sun, 12/21/08, Ricardo Tomasi wrote: From: Ricardo Tomasi Subject: [jQuery] Re: Order of hiding container-divs and their content matters on IE6,7 To: "jQuery (English)" Date: Sunday, December 21, 2008, 8:26 PM He just did. Why not read it? On Dec 21, 10:19 pm, ripple wrote: > How about posting your code? > > > > http://2whoa.com/dominate > > --- On Sun, 12/21/08, Paul wrote: > > From: Paul > Subject: [jQuery] Order of hiding container-divs and their content matters on IE6,7 > To: "jQuery (English)" > Date: Sunday, December 21, 2008, 7:10 PM > > In IE, when having elements containing other elements, ie. a div > containing images, when attempting to hide a content-element of a > hidden container-div, this won't work, it won't even be possible > anymore after re-showing the div. This problem occurs: > > - only on IE6,7 (didn't try IE8), the problem doesn't occur on FF3, > Op9, Saf3(Win), Chrome > - only when both the container div and the content are absolutely > positioned > > (tested both with jQuery 1.2.3 and 1.2.6) > > It is demonstrated here: > > http://www.justarrangingbits.org/webtech/jquery/demos/hideorder.htm > > I guess it is connected to 'hasLayout' on IE, but don't know how > exactly. Struggled nearly a complete day to narrow down to what seems > to be the problematic combination. Am I making a mistake? Is it a > bug? > Thanks for any information or help.
[jQuery] Re: Order of hiding container-divs and their content matters on IE6,7
Very interesting, it's definitely a IE rendering bug. display:none is actually set, and the elements are not affecting layout, but still visible. Setting visibility:hidden seems to do the job. I guess there's nothing that can be done on jQuery's side, as this affects only this specific case and can be fixed with this simple extra css. - ricardo On Dec 21, 10:19 pm, ripple wrote: > How about posting your code? > > > > http://2whoa.com/dominate > > --- On Sun, 12/21/08, Paul wrote: > > From: Paul > Subject: [jQuery] Order of hiding container-divs and their content matters on > IE6,7 > To: "jQuery (English)" > Date: Sunday, December 21, 2008, 7:10 PM > > In IE, when having elements containing other elements, ie. a div > containing images, when attempting to hide a content-element of a > hidden container-div, this won't work, it won't even be possible > anymore after re-showing the div. This problem occurs: > > - only on IE6,7 (didn't try IE8), the problem doesn't occur on FF3, > Op9, Saf3(Win), Chrome > - only when both the container div and the content are absolutely > positioned > > (tested both with jQuery 1.2.3 and 1.2.6) > > It is demonstrated here: > > http://www.justarrangingbits.org/webtech/jquery/demos/hideorder.htm > > I guess it is connected to 'hasLayout' on IE, but don't know how > exactly. Struggled nearly a complete day to narrow down to what seems > to be the problematic combination. Am I making a mistake? Is it a > bug? > Thanks for any information or help.
[jQuery] Re: Order of hiding container-divs and their content matters on IE6,7
He just did. Why not read it? On Dec 21, 10:19 pm, ripple wrote: > How about posting your code? > > > > http://2whoa.com/dominate > > --- On Sun, 12/21/08, Paul wrote: > > From: Paul > Subject: [jQuery] Order of hiding container-divs and their content matters on > IE6,7 > To: "jQuery (English)" > Date: Sunday, December 21, 2008, 7:10 PM > > In IE, when having elements containing other elements, ie. a div > containing images, when attempting to hide a content-element of a > hidden container-div, this won't work, it won't even be possible > anymore after re-showing the div. This problem occurs: > > - only on IE6,7 (didn't try IE8), the problem doesn't occur on FF3, > Op9, Saf3(Win), Chrome > - only when both the container div and the content are absolutely > positioned > > (tested both with jQuery 1.2.3 and 1.2.6) > > It is demonstrated here: > > http://www.justarrangingbits.org/webtech/jquery/demos/hideorder.htm > > I guess it is connected to 'hasLayout' on IE, but don't know how > exactly. Struggled nearly a complete day to narrow down to what seems > to be the problematic combination. Am I making a mistake? Is it a > bug? > Thanks for any information or help.
[jQuery] Re: Order of hiding container-divs and their content matters on IE6,7
How about posting your code? http://2whoa.com/dominate --- On Sun, 12/21/08, Paul wrote: From: Paul Subject: [jQuery] Order of hiding container-divs and their content matters on IE6,7 To: "jQuery (English)" Date: Sunday, December 21, 2008, 7:10 PM In IE, when having elements containing other elements, ie. a div containing images, when attempting to hide a content-element of a hidden container-div, this won't work, it won't even be possible anymore after re-showing the div. This problem occurs: - only on IE6,7 (didn't try IE8), the problem doesn't occur on FF3, Op9, Saf3(Win), Chrome - only when both the container div and the content are absolutely positioned (tested both with jQuery 1.2.3 and 1.2.6) It is demonstrated here: http://www.justarrangingbits.org/webtech/jquery/demos/hideorder.htm I guess it is connected to 'hasLayout' on IE, but don't know how exactly. Struggled nearly a complete day to narrow down to what seems to be the problematic combination. Am I making a mistake? Is it a bug? Thanks for any information or help.