div ajustables en largeur
Bonjour,
J'ai 3 colonnes. La colonne de gauche est fixe (25%).
La colonne du centre doit prendre toute la place restante si la colonne de droite est vide. Si la colonne de droite n'est pas vide, la colonne du centre doit être diminuée d'autant, pour toujours afficher les 3 colonnes sur 1 seule ligne.
Je n'arrive pas à mettre cela en oeuvre.
Quelqu'un a-t-il une solution ?
Merci :roll:
Mon code :
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
|
<html>
<head>
<title></title>
<style type="text/css"><!--
.div1
{
display: block;
border: solid 1px blue;
float: left;
width: 25%;
margin: auto 1%;
}
.div2
{
display: block;
border: solid 1px blue;
float: left;
width: auto;
margin: auto 1%;
}
.div3
{
display: block;
border: solid 1px blue;
float: left;
max-width: 20%;
margin: auto 1%;
}
--></style>
</head>
<body>
<div class="div1">div 1</div><div class="div2">div 2 sdfgfsdg sdf gsdf ggdfs kjlhfgs jsdkflg kj hsdfklgh skldf hgjklsdfh gkljsdf gkljsdhfgkljsdfhgljksdf gfjsd q k sdfklgjh sdfkljgh klsd jfgh kljsdfgh kljsdfh gkjlhsdfgkl jhsdfgljhq fjklqdsf hjklqsd hflkj qsdhf kljqsdh fjklsqd fhklqsd qsdflqdhf lmhqsdm fhqsd </div><div class="div3">div 3div 3div 3div 3 </div>
</body>
</html> |
