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
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.
--- On Sun, 12/21/08, Paul <o.p.go...@gmail.com> wrote:
From: Paul <o.p.go...@gmail.com> Subject: [jQuery] Order of hiding container-divs and their content matters on IE6,7 To: "jQuery (English)" <jquery-en@googlegroups.com> 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
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.
> --- On Sun, 12/21/08, Paul <o.p.go...@gmail.com> wrote:
> From: Paul <o.p.go...@gmail.com>
> Subject: [jQuery] Order of hiding container-divs and their content matters on IE6,7
> To: "jQuery (English)" <jquery-en@googlegroups.com>
> 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
> 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.
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 <ripple...@yahoo.com> wrote:
> --- On Sun, 12/21/08, Paul <o.p.go...@gmail.com> wrote:
> From: Paul <o.p.go...@gmail.com>
> Subject: [jQuery] Order of hiding container-divs and their content matters on IE6,7
> To: "jQuery (English)" <jquery-en@googlegroups.com>
> 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
> 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.
He said that was a demonstration/example. He didn't say that it's his code.
--- On Sun, 12/21/08, Ricardo Tomasi <ricardob...@gmail.com> wrote:
From: Ricardo Tomasi <ricardob...@gmail.com> Subject: [jQuery] Re: Order of hiding container-divs and their content matters on IE6,7 To: "jQuery (English)" <jquery-en@googlegroups.com> Date: Sunday, December 21, 2008, 8:26 PM
He just did. Why not read it?
On Dec 21, 10:19 pm, ripple <ripple...@yahoo.com> wrote:
> --- On Sun, 12/21/08, Paul <o.p.go...@gmail.com> wrote:
> From: Paul <o.p.go...@gmail.com> > Subject: [jQuery] Order of hiding container-divs and their content matters on IE6,7 > To: "jQuery (English)" <jquery-en@googlegroups.com> > 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
> 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.
@ 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 <ripple...@yahoo.com> wrote:
> He said that was a demonstration/example. He didn't say that it's his code.
>
> --- On Sun, 12/21/08, Ricardo Tomasi <ricardob...@gmail.com> wrote:
> From: Ricardo Tomasi <ricardob...@gmail.com>
> Subject: [jQuery] Re: Order of hiding container-divs and their content matters on IE6,7
> To: "jQuery (English)" <jquery-en@googlegroups.com>
> Date: Sunday, December 21, 2008, 8:26 PM
> He just did. Why not read it?
> On Dec 21, 10:19 pm, ripple <ripple...@yahoo.com> wrote:
> > --- On Sun, 12/21/08, Paul <o.p.go...@gmail.com> wrote:
> > From: Paul <o.p.go...@gmail.com>
> > Subject: [jQuery] Order of hiding container-divs and their content matters
> on IE6,7
> > To: "jQuery (English)" <jquery-en@googlegroups.com>
> > 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
> > 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.
