Mise en page avec des CSS

Présentation en deux colonnes avec image d'arrière-plan

Pour bien différencier les deux colonnes, une image d'arrière-plan est utilisée ici.

Cela demande, malheureusement, que la largeur du menu de gauche soit donnée en 'px', en relation avec l'image d'arrière-plan. La largeur de cette boîte ne pourra donc pas s'adapter à un changement de taille de police d'écriture.

De même que la couleur grise de l'image d'arrière-plan de gauche, la couleur d'arrière-plan jaune a été donnée au DIV entourant les éléments. Le menu et le contenu, eux-mêmes, sont sans arrière-plan.
La séparation des boîtes est ainsi simulée en couleurs; elle est indépendente de leurs hauteurs.

Une couleur d'arrière-plan a été attribuée à l'entête et au pied de page, pour que cette séparation par les couleurs ne les concerne pas.

Ce pied de page rétablit le flux des éléments à l'intérieur du DIV qui les entoure.

retour