Discussion :

[miltonis]

Bonjour,

C'est un site encore en création, il tourne sous Joomla, la structure est réellement hors du commun (c'est pas moi qui choisis). C'est un bloc dans lequel il y a une div à hauteur fixe qui contient le "contenu", une scrollbar apparait donc lorsque le contenu est plus long que son contenant.

Dans ce div, il y a un module qui présente des images alternatives. Le problème est que ce(s) module(s) ne défilent pas avec le reste du texte quand je descends la scrollbar.
Ce 'bug' se pose sur IE6 et IE7.

Pour mieux vous faire une idée du problème, c'est sur cette page

Je suis dans une galère totale avec cette histoire. Voici le code CSS qui gère ce module

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
ul.briask-iss {position:relative;list-style:none;list-style-image:none;margin:0px auto;padding:0px;overflow:hidden;border:none;background:none;}
ul.briask-iss li {list-style:none;margin:0px;padding:0px;border:none;background:none;}
ul.briask-iss li a {margin:0px;padding:0px;border:none;background:none;}
ul.briask-iss li a img {display:none;position:absolute;padding:0px;top:0;left:0;border:none;background:none;}
ul.briask-iss li img {display:none;position:absolute;top:0;padding:0px;left:0;border:none;background:none;}

On m'a dit qu'il y avait un rapport avec le overflow:hidden et position absolute mais j'ai beau enlever l'un et l'autre, le problème persiste

Pouvez-vous me donner un coup de main svp ?

Merci

[miltonis]

Salut,

Je continue d'essayer de comprendre ce qui se passe, et j'ai compris que c'est bien la liste <ul> (qui contient les images) qui ne défile pas sous IE et non seulement les images .
Le seul moment où la liste "réagit" aux mouvements de la scrollbar, c'est quand je mets : "position: relative" à l'élément <ul>. Mais bien sûr, du coup les images n'apparaissent pas à leur place...

Je me demande si la piste de "overflow + position" est bonne car je retourne le problème dans tous les sens mais je n'arrive pas à avancer réellement.
Merci

[miltonis]

Je reviens à la charge !

Suis-je le seul à rencontrer ce problème ? En tout cas j'ai beau chercher dans tout le Google-world mais ne trouve pas de solution...

je me permets de relancer la communauté au cas où un expert passerait par là...
Merci

[Macmillenium]

Pour mieux vous faire une idée du problème, c'est sur cette page

404 - Composant non trouvé

[miltonis]

Désolé, petite erreur de manip : la page en question
merci

[Macmillenium]

Positionner #contenuTexte_interne en relatif (position:relative) devrait résoudre le problème.

[miltonis]

Positionner #contenuTexte_interne en relatif (position:relative) devrait résoudre le problème.

Génial !!!!! ça fonctionne !!!
Merci Doctor Mac, ça me sort d'un pétrin terrible. Je n'avais pas pensé à monter aussi "haut" dans les DIV.
D'ailleurs, afin de mieux comprendre, je me permets une autre question :
En quoi la position relative au bloc conteneur impacte les modules qu'il y a à l'intérieur ?

[Macmillenium]

C'est un bug d'IE6 et 7 qui apparait lorsqu'un élément positionné en relatif ou absolue (ici .briask-iss), se trouve à l'intérieur d'un élément doté d'un overflow:auto ou scroll (ici #contenuTexte_interne).

Le position:relative sur le conteneur en overflow:auto/scroll permet de corriger ce bug.