Soucis avec des DIV et un CSS
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.
http://users.skynet.be/FTP_Exchange/...L/JPG/Test.jpg
Code:
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:
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és demain</p>
<p>Dimanche </p>
</div>
<div class="D"></div>
<div class="B"></div> |
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
| .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
