175
Mise en page
width: 34.33%;
padding-right: 2.63%;
float: right;
display: inline;
}
Ces. paramètres. produisent. une. mise. en. page. liquide. optimale. pour. une. fenêtre. de.
1 250 pixels,.mais.aussi.confortable.pour.la.lecture.avec.des.résolutions.d’écran.plus.hautes.
ou.plus.restreintes.(voir.Figure 8.10).
Figure 8.10
Mise en page liquide
à trois colonnes
à 800 × 600,
1 024 × 768 et
1 250 × 900 pixels.
Comme.cette.mise.en.page.s’adapte.très.agréablement,.il.n’est.pas.nécessaire.d’ajouter.une.
propriété.max-width..Pour.s’assurer.que.les.lignes.de.texte.conservent.une.longueur.qui.les.
rende.lisibles,.il.est.cependant.toujours.judicieux.d’ajouter.un.réglage.max-width.défini.en.
cadratins.(em)..La.mise.en.page.est.un.peu.étriquée.avec.les.fenêtres.de.petite.taille :.j’ajoute.
donc.aussi.un.réglage.min-width.en.cadratins..
.wrapper {
width: 76.8%;
margin: 0 auto;
text-align: left;
max-width: 125em;
min-width: 62em;
}
Et.voilà.le.travail :.une.mise.en.page.agréable,.flexible.et.liquide.