187
Mise en page
padding-top: 20px;
padding-bottom: 520px;
margin-bottom: 500px;
margin-left: 20px;
float: left;
display: inline;
padding: 20px;
background: url(/img/top.gif) #89ac10 top left no-repeat;
}
.bottom {
position: absolute;
bottom: 0;
height: 20px;
width: 290px;
background: url(/img/bottom.gif) #89ac10 bottom left no-repeat;
margin-left: -20px;
}
Résultat :.une.mise.en.page.à.trois.colonnes.qui.conserve.la.hauteur.de.sa.colonne.la.plus.
longue,.comme.le.montre.la.Figure 8.19..Pas.mal,.non ?
Colonnes CSS 3
La.spécification.CSS 3.permet.aussi.de.créer.des.colonnes.de.texte.de.hauteurs.égales.(voir.
Figure 8.22),.grâce.aux.propriétés.column-count,.column-width.et.column-gap.
Figure 8.22
Ces colonnes de texte
ont été créées avec les
propriétés de colonne
de la spécification
CSS 3.
Commencez.par.le.balisage.suivant :

Socrate