problème affichage IE6

Version imprimable

30/11/2006, 11h48
maternelle

problème affichage IE6
Bonjour,
j'essaie de créer un petit site pour mon école. Tout se passe bien sous opera ou firefox mais je m'arrache les cheveux avec IE.
Le but est d'avoir un div qui peut défiler contenant du texte et des images à gauche et une image fixe à droite. J'ai essayé plein de règles spécifiques pour IE (avec des _) mais je n'arrive à rien. Si quelqu'un a une idée qui fonctionne, ce serait très sympa.

Le code résumé est celui-ci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 * { margin: 0; padding: 0; } div { margin-right: 115px; z-index: 10; } #b4 { position: fixed; right: 0; z-index: -5; }
Code:

1 2 3 <body><img id="b4" src="../images/b4.jpg" /> <div>..........................</div></body>
30/11/2006, 13h32
MasterOfChakhaL
Bonjour et bienvenue sur les forums de developpez.com

la propriété position:fixed, n'est malheureusement pas reconnue sous IE...

Tu peux aussi insérer l'image en arrière plan avec css.
Dans ton cas, il me semble que ceci pourrait convenir:
Code:

1 2 <div>...</div>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 * { margin: 0; padding: 0; } div { margin-right: 115px; background-image: url('../images/b4.jpg' ); background-repeat: no-repeat; background-position: top right; }
je ne sais pas comment est constituée ta page, mais si tu utilises mon code, le chemin de l'image doit être relatif au css.
Si tu utilises css externe, prend cette remarque en compte.
Si ton css est défini dans le corps de ton document html, il ne devrais pas y avoir à modifier le chemin...
30/11/2006, 14h15
maternelle

merci bien de ta réponse, je m'en vais tester de ce pas. Il est vrai que je n'avais pas pensé au background-position.
30/11/2006, 14h40
maternelle

en testant, le problème est que lors d'un scroll de la page avec la souris, l'image devenue fond bouge aussi et disparaît donc vers le haut au lieu de rester fixe comme c'était l'idée au départ.
30/11/2006, 14h48
MasterOfChakhaL

oups

essaie de rajouter ceci dans ton css alors:

Code:

background-attachment: fixed;
30/11/2006, 14h49
Bisûnûrs

Rajoute :

Code:

background-attachment:fixed;
30/11/2006, 15h00
maternelle

j'avais rectifié, opera OK, mais IE est une vraie mule et n'en veut pas.
30/11/2006, 15h08
MasterOfChakhaL
Dans ce cas, il faut passer en mode sioux..

tu peux définir un élément conteneur dont tu définis la hauteur (en pourcentage ou tout autre unité).
C'est ce conteneur qui aura les propriétés pour l'image de fond.

Tu places ton élément avec le contenu initial dans ce conteneur.

ce div là aura la propriété:
Code:

1 2 overflow: auto; /*le scroll n'apparaît que s'il est nécessaire*/
Je pense que ca devrait passer mais je n'ai pas IE sous la main pour tester...
A toi de jouer...
30/11/2006, 15h13
maternelle

bigre ! Je vais tenter ça. Sinon, je viens de penser à rajouter un cadre contenant juste l'image, ça devrait passer facilement.
30/11/2006, 15h54
maternelle

bien, avec les cadres donc, j'obtiens le résultat voulu. Au niveau xhtml/css pur, c'est pas extra, mais bon, IE6 nous donne pas trop le choix et comme la majorité des gens n'ont jamais entendu parlé des navigateurs alternatifs...

Merci pour votre collaboration, il est vraiment excellent ce forum.
30/11/2006, 16h22
MasterOfChakhaL

tant que j'y pense...

as-tu précisé un doctype? (FAQ -> doctype)
il y en a pour l'HTML et l'XHTML.

La tendance serait plus a l'XHTML 1.0 mais je te laisse faire ton choix.
Ca peut changer pas mal de petits détails.
Si tu n'en avais pas, je te suggère de réessayer les différents morceaux de codes proposés

Les frames (c'est ca que tu appelle cadre, non?) sont plutôt déconseillées (ca gêne le référencement par exemple) mais bon, ca existe. La encore, je te laisse faire ton choix

Et pour finir:
De manière générale, sur tous les forums, si les réponses que tu reçois te conviennent, n'oublie pas de cliquer sur résolu (le bouton est en bas de page sur les sujets que tu as ouvert).
Les gens sauront ainsi s'il faut continuer à se pencher sur ton problème (rien ne t'empêche de l'enlever par la suite si finalement ca n'allait pas ;) )

EDIT:
oups, déjà fait pour le résolu... mais bon, on ne le dira jamais assez 8-)
30/11/2006, 22h41
maternelle

oui oui, le doctype est précisé. Pour les frames, c'est le moyen que j'ai trouvé pour donner l'allure que je voulais au site. Malheureusement, la compatibilité des css est encore insuffisante pour pouvoir se passer des anciennes méthodes (ou alors faut posséder des compétences de développement très soutenues).