div ajustables en largeur

**anti-conformiste** · 22/01/2007, 16h50

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

Mon code :

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
 
 
<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>

**Sancho_54** · 22/01/2007, 17h11

Utilise un tableau a ligne et trois colonnes !
Testes ca et dis moi le résultat

Tchao

**Bisûnûrs** · 22/01/2007, 17h32

Envoyé par Sancho_54

Utilise un tableau a ligne et trois colonnes !
Testes ca et dis moi le résultat

Tchao

**anti-conformiste** · 23/01/2007, 20h29

Envoyé par Bisûnûrs

A priori, niveau validité css, c'est pas ça, je te l'accorde.

Que proposes-tu d'autre ?

**cortex93** · 25/01/2007, 09h40

Bonjour,

J'ai un peu la même problématique et toujours pas de solution. Mais j'utilise des spans.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div>
<span>col1</span>
<span>col2</span>
<span>col3</span>
</div>

J'aimerais pouvoir faire la même chose que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<table><tr>
<td align="left">col1</td>
<td align="center">col2</td>
<td align="right">col3</td>
</tr></table>

Tout au plus en mettant un text-align:center sur le div, j'arrive à centrer le tout. Restant plus qu'à écarté sur les extrémités, mais j'ai testé de mettre des rights et des left mais ça ne change rien.

Merci

div ajustables en largeur

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager