Discussion :

[soveste]

Salut,

J'ai un problème de scrolling (voir www.channels.com).
En IE7 et Mozilla 2, lors du scrolling, seulement le contenu central est déplacé. C'est le comportement désiré.
D'autre côté, en IE6, les menus (gauche, droite et header) bouge aussi lors du scrolling. Est-ce que quelcun a des idées pourquoi est-ce que ça pourrait arriver?

Merci par avance

[Phrederik]

montre ton CSS si tu veux de l'aide.
essaye avec scrolling="no" dans les partie qui ne doivent pas bouger

[soveste]

Code :

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

1
2
3
4
5
6
7
8
 
div#header {
	position: absolute !important;
	scrolling:no;
}
 
 
#header {background-color:#000; color:#ffffff; font-size:10px;position: fixed; left: 0px; top: 0px; height: 70px; width: 930px; z-index: 400;}

J'ai essayé d'ajouter scrolling:no, mais ça n'a rien changé.

Des suggestions?

[Candygirl]

IE6 n'interpète pas le position:fixed utilisé.

Mais tu dois déjà le savoir puisque tu as fais un css pour les versions inférieures à IE7 en repositionnant les éléments en question en absolut ?!

De plus le positionnement fixed est déjà émulé du côté du player, il me semble donc que tu peux faire de même pour les autres éléments ?

[Phrederik]

me suis trompé,

Code :

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

scroll="no"

[soveste]

Essayé le scrroll:no et position:absolute au lieu de position:fixed.
Aucun changement.

Candygirl, c'est pas moi qui a codé tout ça, je suis plutôt nouveau sur ce projet et je fait plutôt du dévélopment Java et Javascript, mais dans ce cas, je dois trouver une solution pour ce problème de CSS.

[Phrederik]

le probleme ce qu'il faut un IE6 sur sa machine pour t'aider lol.
je cherche sa

[Candygirl]

ah oky alors vu que tu maîtrises javascript ça ne devrait pas te poser de problème

Tu noteras tout en haut dans le code html qu'il y a un appel pour un javacript:
ie6-relief.js (d'ailleurs la syntaxe du commentaire conditionnel censé le faire chargé que par IE6 et - est incorrecte)

Et dans ce js tu trouves le code utilisé pour rendre le player fixe. Après, tu peux l'adapter pour les autres parties.

Tu trouveras le css spécial ie6- (qui remplace le fixed par absolute) ici:
/css/channels-ie6-player-position.css

[soveste]

Merci beaucoup Candygirl. À l'aide te toi j'ai réussi à comprendre ce qu'il se passe.

Apparament, IE6 ne reconnait pas 'position: fixed' dans le CSS, ce qui fait qu'on ne peut pas indiquer au navigateur de garder un certain contenu fixé lors du scrolling. Ce problème a été résolu à l'aide de Javascript par overloading de 'onscroll', en repositionnant chaque fois les éléments, mais ça crée un effet visuel de 'sautage' pendant le scrolling.

Pour l'instant, j'ai décommenté la solution Javascript, mais je pense qu'il serait bien de savoir une solution CSS pour ce genre de problème.

[Candygirl]

mais je pense qu'il serait bien de savoir une solution CSS pour ce genre de problème.

C'est clair que ça serait bien, mais quand un navigateur ne supporte pas l'une ou l'autre des propriétés, on a guère le choix que de passer par une magouille ou l'autre si on veut y pallier.

Il existe une "solution" css en jouant avec les overflow sur le html et le body. cependant elle comporte aussi ses désavantages.

De même il y a des pistes pour éviter le 'sautage' en javascript.

Tu trouveras quelques pistes pour les 2 options en suivant les liens depuis cette page:
http://www.amaryllidaceae.org/web-ja...S/IE-fixed.htm

Après on peut se demander si ça vaut vraiment la peine de se prendre la tête avec ça pour un navigateur obsolète, le site restant tout à fait agréable à consulter sans le positionnement fixed...

[soveste]

Merci beaucoup Candygirl, le lien que tu m'a donnée est formidable, c'est exactement ce que je cherchais . Ça a marché très bien pour mon cas.