Discussion :

[Maxence45]

Bonsoir , regardez ce petit code css svp :

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
 
#main {
}
 
body{margin:0px; text-align : center;}
 
#first {
height: 200px;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-right-width: 0;  border-left-width: 0;
background-color:#E7EBFA;
padding-top: 35px;
padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
}
 
.second {
height: 18px;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-right-width: 0;  border-left-width: 0;
padding-top: 2px;
padding-bottom: 2px;
}
 
#net {
width: 175px;
height: 800px;
float: left;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-bottom-width: 0; border-left-width: 0; border-right-width: 0;
background-color:#F8F8FF;
}
 
#free {
width: auto;
height: 800px;
float: left;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-bottom-width: 0; border-left-width: 0;
}
 
#open {
width: 175px;
float: right;
border-width: 1px; border-style: solid; border-color: #000000; border-top-width: 0;  border-bottom-width: 0;  border-right-width: 0;
background-color:#FF87FF;
padding-top: 10px;
 
#dernier {
background-color:#000070;
height: 40px;
clear: left;
}
}

j'ai donc 3 div en forme de rectangles verticaux ( net open et free ) ( au dessus ya des div en forme de rectangles horizontaux ) et en dessous de ces 3 div ya le div #dernier .

Ce que je comprends pas c'est la hauteur de ces div , je suis obligé de mettre 800px sinon ils prennent comme hauteur la hauteur du contenu du div , par exemple si j'écris 5 lignes , le div fera 5 lignes de hauteur , ya t'il moyen que ces 3 div s'insèrent bien automatiquement entre les div du haut et du bas , sans besoin de préciser de hauteur ?

merci

[Damouille]

un bout de code html ?

[Nikoalas]

C'est le comportement normal, le css ne sait pas ce que tu veux faire donc si tu lui trois div avec 5 lignes, il n'y aucune raison que le div fasse plus de 5 lignes si tu ne lui spécifie rien.

Alors quand tu dis que tu veux que c'est 3 div s'insèrent "bien" entre les deux div de haut et de bas de page, même moi, je ne comprends ce que c'est que "bien". Cependant, je pense qu'en mettant un petit "min-height=100%-240px", ça devrait "bien" le faire. A noter cependant que IE ne tolère pas bien cette expression, surtout les anciennes versions.