Bonjour à tous, j'ai pas su trouver un titre qui résume la situation.

J'ai un total de 5 DIV.
Une pour le dessus du tableau.
Une pour la bordure gauche, une pour le contenue et une pour la bordure droite.
Une pour le dessous du tableau.

Voici en image ce que sa donne.



Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
html, body {
margin: 0;
padding: 0;
height: 100%
}
Avec sa les deux DIV sur le coté réagisse bien.
Mais le tableau deviens trop long sans raison.

Image 2.
C'est sans le code précedent, les DIV sur le coté ne sont plus là, mais la longeur du tableau est bonne.

Image 3.
C'est le résultat au quel je dois aboutir

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
  <div class="H"></div>
 
	<div class="G"></div>
 
	<div class="TB">
	  <p>Demain</p>
	  <p>Apr&eacute;s demain</p>
	  <p>Dimanche </p>
	</div>
 
	<div class="D"></div>
 
  <div class="B"></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
38
39
40
.H {
	background-image: url(../JPG/Table650/TableH.jpg);
	background-repeat: no-repeat;
	height: 45px;
	width: 650px;
	background-color: #0066FF;
}
.G {
	background-image: url(../JPG/Table650/TableG.jpg);
	background-repeat: repeat;
	width: 15px;
	height: 100%;
	float: left;
	background-color: #999933;
}
.TB {
	width: 620px;
	color: #FFFFFF;
	background-color: #000000;
	float: left;
	background-color: #888833;
 
}
.D {
	background-image: url(../JPG/Table650/TableD.jpg);
	background-repeat: repeat;
	width: 15px;
	height: 100%;
	background-color: #000000;
	float: left;
}
 
.B {
	background-image: url(../JPG/Table650/TableB.jpg);
	background-repeat: no-repeat;
	height: 51px;
	width: 650px;
	clear:both;
	background-color: #999933;
}






Merci de votre aide