ansaurus

Question

IE6 displaying components in a hidden div (when they should be hidden!)

Answer 1

+3 A:

One hack you could use is to move your div outside the screen:

MyDiv.style.left = "-1000px";

And then put it back on its original position when you want to show it.

santiiiii 2008-09-25 08:41:34

Cheers for the idea. I can see why this should work, but for some reason it's not. Even trying style.left = "-10px"; didn't budge it.

2008-09-25 09:33:40

I've used this technique myself and works great in IE 6.0, but I think your div needs to be absolutely positioned; it may not work otherwise.

santiiiii 2008-09-25 10:19:57

Did as you suggested and changed the div (and its parent) to absolutely positioning. Works now, thanks!

2008-09-25 12:22:35

Answer 2

+2 A:

How are they hidden? using "display:none;" or "visibility:hidden;" ? are they absolutely positioned by any chance? IE6 has a z-Index problem and there are several hacks to deal with it.

Eran Galperin 2008-09-25 08:48:01

They are hidden using "display:none;" - I'll try "visibility:hidden;" if it will help. They are absolutely positioned, any hacks to fix this would be much appreciated.

2008-09-25 08:54:41

Is it contained in another absolutely or relatively positioned div?

Eran Galperin 2008-09-25 08:59:26

Within another absolutely positioned div, cheers.

2008-09-25 09:04:30

You need to make sure both divs 'hasLayout' attribute is set. Read this article on this particular IE caveat - http://www.satzansatz.de/cssd/onhavinglayout.html

Eran Galperin 2008-09-25 09:33:06

ansaurus

tags:

views:

answers:

IE6 displaying components in a hidden div (when they should be hidden!)

related questions