Besoin d'explications sur float et l'élasticité !

**KneXtasY** · 14/01/2005, 13h27

Bonjour,

je débute en XHTML/CSS et a force de bidouiller, j'ai réussi à obtenir ce que je voulais.
C'est a dire, un conteneur avec deux colonnes sans utiliser de tableaux.

Mais le problème, c'est que je ne comprends pas trop le fonctionnement.

Voici ma feuille :

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
 
div.conteneur {
margin-left: auto;
margin-right: auto;
text-align: left; 
background-color: white;
padding: 16px;
width: 790;
border: 2px dashed #ff6600;
}
 
div.right {
background-color: white;
text-align: right; 
border: 2px dashed #ff6600;
}
 
div.left { 
float: left;
background-color: white;
float: left;
border: 2px dashed #ff6600;
}

Et une partie du code de ma page :

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
 
 
<div class="conteneur">
 
<div class="left">
<b>Prénom Nom</b><BR>
XX ans, Français, Célibataire<BR><BR>
Titulaire du permis B<BR>
...
</div>
 
<div class="right">
Adresse	<BR>
Code Postal Ville<BR><BR>
Telephone : ... <BR>
...
</div>
 
</div>