problème affichage IE6

**maternelle** · 30/11/2006, 12h48

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 css :

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

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 html :

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

1
2
3
 
 <body><img id="b4" src="../images/b4.jpg" />
  <div>..........................</div></body>

**MasterOfChakhaL** · 30/11/2006, 14h32

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 html :

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

1
2
 
<div>...</div>

Code css :

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

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...

**maternelle** · 30/11/2006, 15h15

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.

**maternelle** · 30/11/2006, 15h40

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.

**MasterOfChakhaL** · 30/11/2006, 15h48

oups

essaie de rajouter ceci dans ton css alors:

Code css :

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

background-attachment: fixed;

**Bisûnûrs** · 30/11/2006, 15h49

Rajoute :

Code CSS :

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

background-attachment:fixed;

**maternelle** · 30/11/2006, 16h00

j'avais rectifié, opera OK, mais IE est une vraie mule et n'en veut pas.

**MasterOfChakhaL** · 30/11/2006, 16h08

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 css :

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

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...

**maternelle** · 30/11/2006, 16h13

bigre ! Je vais tenter ça. Sinon, je viens de penser à rajouter un cadre contenant juste l'image, ça devrait passer facilement.

**maternelle** · 30/11/2006, 16h54

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.

**MasterOfChakhaL** · 30/11/2006, 17h22

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

**maternelle** · 30/11/2006, 23h41

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).

problème affichage IE6

CSS

Discussions similaires

Partager

Partager