167
Mise en page
Mises en page flottantes
Il.existe.plusieurs.moyens.de.créer.des.mises.en.page.CSS,.notamment.avec.un.positionnement.absolu.et.des.marges.négatives..La.méthode.des.mises.en.page.flottantes.est.cependant.
la.plus.simple.et.la.plus.fiable..Elle.consiste.à.définir.la.largeur.des.éléments.à.positionner,.
puis.à.les.faire.flotter.à.gauche.ou.à.droite..
Comme. les. éléments. flottants. ne. prennent. pas. d’espace. dans. le. flux. du. document,. ils. ne.
semblent.pas.exercer.d’influence.sur.les.boîtes.de.bloc.alentour..Pour.résoudre.ce.problème,.
vous.devez.dégager.les.éléments.flottants.à.différents.emplacements.de.la.mise.en.page..Au.
lieu.de.faire.continuellement.flotter.les.éléments.et.de.les.dégager,.on.peut.aussi.tout.faire.
flotter. puis. dégager. un. ou. deux. éléments. à. des. emplacements. stratégiques. du. document,.
comme.au.niveau.du.pied.de.page..Sinon,.il.est.possible.d’utiliser.la.propriété.overflow.pour.
dégager.le.contenu.d’éléments.particuliers..C’est.ma.méthode.de.choix.et.c’est.donc.celle.
que.j’adopterai.dans.le.reste.des.exemples..
Mise en page flottante à deux colonnes
Pour.créer.une.mise.en.page.à.deux.colonnes.dans.la.zone.de.contenu,.vous.devez.d’abord.
créer.la.structure.HTML.de.base.