Discussion :

[Lutine]

Bonjour à tous !

J'ai plein de probleme entre FF et IE...

Mais on va commencer par celui-là: Le probleme se passe ici: www.felinpossible.fr/index2.php
Dans ma page, tous les background sont bien interprétés, mais celui du menu ne veux pas s'afficher sous IE (inférieur à 7).

Quelqu'un aurait-il une solution?

Voilà le morceau de code du menu:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
#menu {
	background-image: url(image/bg-menu.png);
	list-style-type: none;
	/*padding: 20px 0px 4px 20px;*/
	float: left;
	width: 195px;
	height: 900px;
	margin-top: -30px;
}

PS: J'ai supprimé le css pour Firefox, pour mieux travailler sous IE, car mon second probleme vient du fait que lorsque j'ai mes deux css, IE prend en compte celui de FF, malgré le superbe If IE que j'ai mis dans mon index.

[Erwan31]

Bonjour,
ton site n'est pas accessible.

[Lutine]

Désolée. Le serveur OVH est tombé en rade pour la nuit... Ca sera remis sur pied soit dans la nuit, soit dans la journée de demain.

J'uperais le post ^^

[Erwan31]

Ok la page est accessible mais cette css est absente.

[Lutine]

Normal que cette CSS soit absente, c'est celle pour Firefox. Et lorsque je la remet, sous IE c'est celle qui est interprété alors que j'ai bien un IF IE ..

J'ai enlevé le margin -30px du menu, on observe donc sous IE le background, mais sur un seul px...

Comment faire pour qu'il soit tout du long? Est-ce le javascript qui empeche le background d'évoluer?

[Bisûnûrs]

Le IF IE n'efface pas tout ce qui est contenu dans les feuilles de style précédentes. Il remplace seulement les valeurs que tu y as renseignées.

[Lutine]

Je ne comprend pas très bien...

Cela signifie, qu'il remplace uniquement les valeurs changée d'un css à l'autre? Et celles rajoutées dans le css pour IE ne sont pas interprétés?

Alors pourquoi pour FF, le background du menu s'affiche bien, et pas pour IE?

[Erwan31]

Je ne comprend pas très bien...
Cela signifie, qu'il remplace uniquement les valeurs changée d'un css à l'autre? Et celles rajoutées dans le css pour IE ne sont pas interprétés?
Alors pourquoi pour FF, le background du menu s'affiche bien, et pas pour IE?

Toujours pas saisi pourquoi la CSS n'est pas dispo en ligne...c'est pas très clair
et je vois pas pourquoi elle devrait être absente alors qu'elle est appelée, tu dois pas t'y prendre comme il faut.

Si la CSS pour IE est placé en dernier (aprés les autre link), ses règles de style qui contiennent les mêmes sélecteurs que ta feuille de style générale vont écraser celles de cette dernière.

Simple intuition: mettre position:relative au niveau du #menu pour IE.

[Lutine]

Ben en fait... Y'avait les deux en ligne, mais IE interprétait aussi le css que j'ai fait pour FF. Donc pour forcer IE à n'utiliser que celui pour IE, j'ai enlevé celui de FF pour le moment, mais il sera remis après ^^

J'ai rajouté position relative, mais cela n'a rien changé, toujours qu'un px pour mon background du menu -_-

Après relecture de ta phrase, j'ai mieux compris les interprétations de CSS avec If IE.

Mais cela ne règle toujours pas mon probleme ^^


EDIT: Pour que tu puisses voir ce que ca fait, j'ai remis les deux CSS...

[Erwan31]

Ok bon en effet tu as pas mal de problème et d'incompréhension. Il va encore falloir te former sur certaines choses.

Pour commencer tu as mis des règles de style dans le body et le html alors qu'elle soivent être attribuer au conteneur principale, celui qui englobe tout tes div:

Donc créé un conteneur et met y ces déclaration qu'il faudra supprimer au niveau HTML/BODY:

Code :

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

1
2
3
4
5
6
 
#container   {
   width: 973px;
   margin:  0 auto 20px;
   background: #f4ca9d; /*fffcd5; #fffbbf; f3e088;*/
}

[Lutine]

J'ai fait ce que tu m'as dit, et ca m'a tout cassé !

[Erwan31]

J'ai jeté rapidement un oeil à la structure, et ben tout ce qu'on peut dire
c'est que c'est pas très bien foutu et pas du tout robuste!

Avant de régler les problème d'affichage, tu dois revoir l'ensemble, c'est pas bon, il faut simplifier tout ça et repenser ta structure, tu ne devrais pas avoir besoin de marge verticales négatives par exemple, ton menu doit être en dehord du header...
D'autre part les images qui apporte du contenu comme le logo ne devrait pas être placé en background mais dans le corps du document avec un alt correspondant au nom du logo.

[Lutine]

Ben... c'est dans les cours et tutoriels CSS.. Puis quand on veut changer le style, on change au niveau du css et hop!

Bon... Je vais aller apprendre comment faire, comme tu dis