Voila, je voudrais faire un cadre qui englobe tous mes autres cadre pour avoir une petite bordure entre mon cadre principale et le bord de l'ecran.
le probleme est que j'ai mis 2 images : 1 en haut et 1 en bas et elles restent en haut.
mon cadre principale n'englobe pas mes autres cadres
voila mon codes

page html :
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
 
<body>
   <div class="page">
     <img src="images/haut_page.gif" 
     width="970px" height="50px">
      <div class="txt_page">			
	 <div class="menu">
	    <img src="images/haut_menu.gif"
             width="150px"height="50px"><div class="txt_menu">
	    <a href="index.html">Accueil</a><br>
            .........
	  </div>
	  <img src="images/bas_menu.gif"  
           width="150px"height="50px"></div>
	  <div class="donnees">
		<img src="images/haut_donnees.gif"
                width="600px"  height="50px"><div class="txt_donnees">
		........
	   </div>
	    <img src="images/bas_donnees.gif"
            width=600px"  height="50px"></div>
 
     </div>
 
     <img src="images/bas_page.gif" width="970px"
     height="50px"></div>
</body>
voila mon fichier 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
 
body {
	background-color : black;
}
 
.page {
	width: 750px;
	height: auto;
	position: absolute;	
	top: 50px;
	left: 20px;
 
 
 
 
}
.txt_page {
	background-image: url(images/page.gif);
 
 
}
 
.menu {
	width: 150px;
	height: auto;
	position: absolute;	
	top: 150px;
	left: 50px;
 
}
.txt_menu {
	background-image : url(images/menu.gif);
	padding-left: 5px;
	text-align: center;
	line-height: 30px;
 
}
 
.donnees {
	width: 600px;
	height: auto;
	position: absolute;
	top: 150px;
	left: 300px;
 
}
.txt_donnees {
	background-image : url(images/menu.gif);
	padding-left: 5px;
 
}
merci d'avance