Bonjour,

J'ai un problème pour centrer mon menu, voici mon code

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div id="menu"> 
    <div> 
        <p><a href="index.html#internet">Internet</a></p> 
        <ul> 
            <li><a href="accueil g4-optimiser.html#pr">Protéger et optimiser votre PC</a></li> 
            <li><a href="accueil g4-html.html#html">Le langage HTML</a></li> 
            <li><a href="accueil g4-css.html#css">Le langage CSS</a></li> 
            <li><a href="accueil g4-hebergements.html#heb">Hébergements</a></li> 
        </ul> 
    </div> 
    <div id="syst"> 
        <p><a href="index.html#logi">Logiciels / Systèmes d'exploitations</a></p> 
        <ul> 
            <li><a href="accueil g4-machines virtuelles.html#mach">Machines virtuelles</a></li> 
            <li><a href="accueil g4-ini linux.html#ilinux">Initiation sous Linux</a></li> 
            <li><a href="accueil g4-console linux.html#clinux">Console sous Linux</a></li> 
            <li><a href="accueil g4-msdos.html#msdos">Invite de commande MS-DOS</a></li> 
        </ul> 
    </div> 
    <div> 
        <p><a href="index.html#mat">Matériels / Composants</a></p> 
        <ul> 
            <li><a href="accueil g4-cg.html#cg">Carte graphique</a></li> 
            <li><a href="accueil g4-cpu.html#cpu">Processeur (CPU)</a></li> 
        </ul> 
    </div> 
</div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
#menu 
{ 
    width: 990px; 
    margin-left: 180px; 
} 
#menu div  
{ 
    float: left; 
    width: 330px; 
    padding-bottom: 15px; 
    padding-top: 5px; 
} 
#menu p a  
{ 
    background-image: url("img/accueil/fond ciel titre haut de page.png");  
    border: 3px solid black; 
} 
#menu ul  
{ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 
#menu li  
{ 
    padding-left: 20px; 
    margin-bottom: 7px; 
    background-image: url("img/fleching.gif"); 
    background-position: top; 
    background-position: left; 
    background-repeat: no-repeat; 
} 
#syst 
{ 
    position: relative; 
    right: 38px; 
}
Le menu est collé à gauche, le margin-left (dans #menu) ne fonctionne pas.
J'ai remarqué que sur les anciennes versions d'IE il me le décalait (de 180px) comme prévu.

Aidez moi avec ce code svp !

lien du site

Merci

ps : je suis nouveau, comment mettre les bonnes couleurs dans le code ?