bonjour,

je suis en train de faire un site web pour un projet, j'ai un petit problème , je n'arrive pas à centrer le container, j'ai une coupure sur la page web, j'ai beaucoup cherché mais je ne trouve pas de solution.

voici la page html et le code css, je précise que c'est de la production personnelle, je n'ai en aucun cas fais du copier coller sur un site.

Html
Code html : 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
    <head>
        <title>Manchester city official</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="Custom.css" /> 
    </head>
    <body>
        <div class="header">
        </div>
        <div class="menu">
 
		<a href="Accueil.php">Accueil</a>
		<a href="Historique.php">Historique</a>
		<a href="Effectif.php">Effectif</a>
		<a href="Boutique.php">Boutique</a>
        </div>
        <div class="corps"/>
        <div class="milieu">
         je suis ton pere
        </div>
        <div class="tableau3">
        </div> 
        <div class="zone_membre">
         <div class="tableau">
         Espace client   
         </div>    
        <div class="connexion">
        <form method="post" action="index.html">
            <br>
            <label for=Login"> Login: </label>
            <input type="text" name="Login" id="Login" />
            <br>
            <label for=Password"> Password </label> 
            <input type="password" name="password" id="password" />
            <br><br>
            <input type="submit" name="connexion" value="Se connecter"/>
 
 
        </form> 
 
        </div>
        <div class="onglet">
          Articles
        </div>
        <div class="tableau2">
        </div>
        </div>
 
        <div class="footer"/>
 
        </div>     
    </body>
</html>

Css
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
.header
{
    width: 1350px;
    height: 90px; 
    background-color:#778899;
    font-family: "Arial Black" ;
 
 
}
body
{
    background-color:#99ccff; 
    opacity: 0.8;
 
}
.menu
{
    background-color:#B0C4DE;
    width: 1350px;
    height: 20px; 
    text-align: center;
 
}
 
.corps
{
    width: 1350px;
    height: 420px; 
    background-color:#99ccff;
 
}
.milieu
      {
    margin-left: auto;
    margin-right: auto;
    width: 6em;
}
 
.zone_membre
{
    width: 180px;
    height: 420px; 
    background-color:#cccccc;
    text-align: center;
 
}
.tableau
{
  width: 180px;  
  height: 20px;
  background-color:#3333ff;
 
}
.connexion
{
   width: 180px;  
   height: 180px;
   background-color: #9999ff
}
.onglet
{
  width: 180px;  
  height: 20px;
  background-color:#3333ff;
  color:black;
 
}
.tableau2
{
   width: 180px;  
   height: 200px;
   background-color: #9999ff;
}
.tableau3
{
    width: 180px;
    height: 420px; 
    background-color:#9999ff;
    float: right;
}
.footer
{
    width: 1350px;
    height: 120px; 
    background-color:#778899;
 
}
a:link
{
    text-decoration:none;
    color:#333333
}
merci d'avance.