Boîte d'info

Bien que cette boîte d'information soit affichée en dernier, dans dans le code source elle doit être notée avant le contenu qui reste dans le flux.

Comme aucun float n'est défini pour le contenu, on peut renoncer à lui indiquer une largeur et la page peut utiliser tout l'espace à disposition.

Cette méthode, de laisser un élément dans le flux et de pouvoir renoncer à lui attribuer une largeur, a, en plus, l'avantage d'équilibrer une erreur d'affichage due au mauvais modèle de boîte avec Internet Explorer.

Mise en page avec les CSS

Présentation en trois colonnes

Dans cet exemple, la largeur du menu est légèrement réduite, pour faire place à une boîte d'information supplémentaire sur la droite; la taille de la police d'écriture dans le menu et la boîte d'information est un peu diminuée, pour s'adapter aux largeurs relativement plus étroites.

Seules les boîtes extérieures sont pourvues d'une largeur et d'un float. Par l'indication de la largeur en fonction de la grandeur du texte en 'em', les boîtes peuvent s'adapter à un changement de taille de police d'écriture.

Le contenu au centre est tenu à distance par deux marges extérieures et s'adapte de manière flexible à la largeur de la fenêtre.

retour