visibility = hidden o display = none ?!

[matias_80]

Hola gente, tengo un problema con el style visibility hidden o display none, resulta que el displya = none funciona en todos los browser pero en IE7 no me funciona!, y el visibility = hidden funciana en todos menos en IE6, tembien el visivility hidden deja el marco del div q oculto, osea no lo muestra pero deja el espacio!!

Alguien tuvo este problema??? y como se podria solucionar!!

gracias a todos!!!

[David]

No entiendo muy bien. display: none y visibility: hidden funciona tanto en Internet Explorer 6 como 7 (hasta donde recuerdo).

La diferencia es que con display: none; el elemento deja de ocupar espacio en el documento, mientras que con visibility: hidden se oculta pero sigue ocupando el espacio que le corresponde en el flujo.

[matias_80]

gracias por tu ayuda David, pero veras tengo el style en display:none; y me anda perfecto en todo menos en IE7 !!

[David]

¿Podrías poner un enlace a la página o el código que estás usando?

[kseso?]

¿No será cuestión de caché?
El petardo de ie, como te ha comentado David, esa propiedad sí la maneja.

[matias_80]

si el problema q detras de ese div q oculto hay una libreria de mootools q puede estar molestando, igual es raro en IE7 saco esa libreria y tampoco funciona el display none, ya bore el cache todo y nada!

[kseso?]

Pues el mejor consejo ya te lo facilitó David (que por algo es "El Grande" )

Iniciado por David el Grande

¿Podrías poner un enlace a la página o el código que estás usando?

AÑADO: el código generado por el navegador.

[matias_80]

como no!
http://mandreatta.bbmeisjes.atobiz.com.ar/

[kseso?]

Lo siento, pero tu página no carga. Y en lo que es y no es, dinos qué elemento es el que no admite la propiedad (es por no andar a "la caza del gazapo" con ie y firefox)

[matias_80]

este es el codigo...

<div id="slideshowContainer" class="slideshowContainer"></div>
<div id="thumbnails" style="display:none;">
<? foreach($imagenes as $imagen):?>
<a href="/img/galerias/<?=$imagen['img']?>" class="slideshowThumbnail"><img src="/img/galerias/<?=$imagen['img']?>" border="0" alt="image"/></a>
<? endforeach;?>
</div>
<script type="text/javascript">
window.addEvent('domready',function(){
var obj = {
wait: 3000,
effect: 'fade',
duration: 1000,
loop: true,
thumbnails: true,
backgroundSlider: true
}
show = new SlideShow('slideshowContainer','slideshowThumbnail ',obj);
show.play();
});
</script>

[hades87]

Y si pruebas de integrar el display:none dentro de thumbails?