180
Maîtrise des CSS
Figure 8.13
En donnant aux
images une largeur
en pourcentage,
vous leur offrez la
possibilité de se
redimensionner
également en
fonction du
contexte.
Fausses colonnes
Vous.aurez.peut-être.remarqué.que.les.zones.de.navigation.et.de.contenu.secondaire.dans.
toutes. ces. mises. en. page. présentent. un. arrière-plan. gris. clair.. Idéalement,. l’arrière-plan.
devrait.s’étendre.sur.toute.la.hauteur.de.la.mise.en.page,.afin.de.créer.un.effet.de.colonne..
Pourtant,.comme.les.zones.de.navigation.et.de.contenu.secondaire.ne.courent.pas.sur.toute.
la.hauteur,.leurs.arrière-plans.s’arrêtent.avant.d’atteindre.le.bas.
Pour.créer.l’effet.de.colonne,.vous.pouvez.fabriquer.de.fausses.colonnes.en.appliquant.une.
image.d’arrière-plan.répétée.à.un.élément.qui.s’étend.sur.toute.la.hauteur.de.la.mise.en.page,.
comme.la.div.conteneur..Dan.Cederholm.a.forgé.l’expression.anglaise.de."faux.column".
(colonne.factice).pour.décrire.cette.technique.
Avec.la.mise.en.page.en.deux.colonnes.à.largeur.fixe,.appliquez.tout.simplement.à.l’élément.
conteneur.une.image.d’arrière-plan.répétée.verticalement.et.de.même.largeur.que.la.zone.de.
navigation.(voir.Figure 8.14) :
#wrapper {
background: #fff url(/img/nav-bg-fixed.gif) repeat-y left top;
}