[CSS] Probleme de bordure de la div globale
Bonjour,
je souhaite faire ma page d'accueil de la facon suivante :
Code:
1
2
3
4
5
6
7
8
9
10
11
|
------------------------------------------------------------------
| | |
| TITRE | CONNEXION |
| | |
------------------------------------------------------------------
| | | |
| MENU | CORPS | RECHERCHE |
| | | |
| | | |
------------------------------------------------------------------ |
Chaque partie (titre,connexion,menu,corps,recherche) est un div.
Ma page html est donc codé comme ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<body>
<div id="global">
<div id="titre">
</div>
<div id="connexion">
</div>
<div id="recherche">
</div>
<div id="menu">
</div>
<div id="corps">
</div>
</div>
</body> |
et j'ai ecrit la feuille de style suivante :
Code:
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
|
#global {
width: 760px ;
margin-right: auto ;
margin-left: auto ;
margin-top: 10px ;
background-color: #FFFFFF ;
border: 1px solid;
}
#titre{
width: 507px;
float: left;
margin: 10px ;
}
#connexion{
width: 213px;
float: right;
margin: 10px;
font-align: right;
font-size: 9pt;
}
#recherche{
width: 213px;
float: right;
margin: 10px;
font-align: right;
font-size: 9pt;
}
#menu{
float: left;
width: 200px;
margin: 10px;
font-size: 12px;
}
#corps{
width: 280px;
margin: 10px;
float: left;
} |
avec ca, j'ai la disposition que je veux, mais je ne vois pas pourquoi, la bordure de la div globale n'entoure pas le tout. elle est visible mais tout en haut de la page, et elle forme en fait juste un trait.
Je pense que c'est un probleme dû à ma feuille de style, mais je ne vois pas où il se situe.
Pourriez vous m'aidez?
