Discussion :

[khany]

Bonjour !
Je sais que ces soucis de compatibilité sont monnaie courante et j'ai parcouru plusieurs sujets, tuto, ... mais je ne trouve pas un cas semblable. Si j'ai mal cherché, mettez-moi un lien, je lirai !

Mon site se compose :
d'un menu horizontal
d'un menu gauche
d'un contenu central
d'un menu à droite (pas toujours)

J'ai un margin de 10px entre le menu gauche et le contenu central. Idem entre le contenu central et le menu droite.

Sous IE7 et IE8, c'est OK. Sous FF, la partie centrale est collée au menu gauche et il y a un grand espace avant le menu de droite !

Le site est en refonte et en test donc, si vous voulez y accéder, il faut suivre ce lien : http://www.khanysims.be/index-test.php

Attention, des pages n'existent pas et les 404 sont fréquents lol

D'avance un grand merci pour votre aide !

Si vous avez besoin de mon CSS, dites-le moi et je l'afficherai !

je joins
- l'image sous FF : page complète avec les deux menus

- l'image sous GC (Google Chrome) identique à celle sous FF : page avec menu gauche et partie centrale seule. Malgré tout, la partie centrale est "rétrécie" (je l'ai lavée avec Dash donc, je vois pas pourquoi )

[Macmillenium]

Bonjour,

Il faut centrer le bloc à l'aide des marges automatiques :

Code css :

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

1
2
3
4
 
#contenu_index {
  margin:10px auto 0;
}

Sous IE7 et IE8, c'est OK. Sous FF, la partie centrale est collée au menu gauche et il y a un grand espace avant le menu de droite !

Je ne pense pas que c'est OK sous IE8.
Sous IE7 (et 6), l'attribution de width:780px; donne le Layout et positionne #contenu_index à coté de l'adjacent gauche.

[khany]

au boulot sous IE7, pas de soucis !
chez moi : IE8 mais j'ai activé la compatibilité !!! donc, là je suis d'accord avec toi !

au fait, je n'ai rien de centré sous FF ni dans les menu (par ex partenaires à droite ou dans les créations) tout est à gauche

Je suppose que c'est le même problème mais avec les "center" du CSS je ne sais pas comment résoudre ce souci !

Désolée, j'apprend, c'est mon premier "vrai" site et je n'ai pas d'expérience web vu que le net n'existait pas quand j'ai fait mes études d'info !

merci pour l'aide ! et toutes le ssuggestions pour m'améliorer sont les bienvenues !

EDIT : la solution margin: 10px auto 0 ne change rien sniffffff

[Damouille]

Pour moi FF 3.0.13 j'ai pas le probleme que tu decris.

[Macmillenium]

EDIT : la solution margin: 10px auto 0 ne change rien sniffffff

tout fonctionne correctement en remplaçant margin-left:205px; par margin:10px auto 0 ...
Ou alors un overflow:hidden pour établir un nouveau contexte de formatage.

[khany]

Alors, j'ai appliqué tes bons conseils et quelques bidouilles en plus (oui, je sais, c'est pas top mais ... ) et cela commence à ressembler à quelque chose de lisible sur IE et FF.
Le résultat est idem dans Netscape donc, je poursuis mes modif !

Merci à vous et bonne continuation

Khany