CSS / 3 colonnes / en-tête / pied de page

pas de javascript, pas de tableau, pas d'image

Quelques essais de mise en page avec CSS.

Code compatible avec les navigateurs récents et :

  • MSIE 5, 5.5 et 6. Taille du texte : moyenne
  • Mozilla, Firefox, Galeon, Epiphany, K-meleon, Netscape 6 et 7 (sauf popup), Netscape 7.2 et 8.
  • Opera 6 (sauf popup), 7, 8 et 9.
  • Konqueror 3.2.
  • Safari 1.2.

Quelques mises en page avec CSS nécessitent des "hacks" ou filtres pour affecter une valeur à Mozilla ou lutter contre les différences d'affichage avec les différentes versions de MSIE.
Le code utilise donc des "hacks" même si la meilleure solution est de les éviter.

Chaque page a sa propre feuille de style et utilise des techniques différentes pour le menu.

L'affichage des popups des notes dépend des fontes disponibles et de la taille de l'écran.

 

Note 2Cette colonne affiche le contenu. Elle peut contenir du texte et/ou des images.
Quand cette colonne s'allonge, comme ce popup l'illustre, toutes les colonnes suivent.

Cette page utilise des tailles spécifiées en em.
MSIE n'affichant correctement cette page qu'en mode taille moyenne du texte, quelques filtres ont été ajoutés pour une meilleure compatibilité.

Le même contenu -avec un seul filtre et un code HTML revu- se trouve ici.

Note 3Cette colonne affiche des commentaires ou des liens. Elle peut contenir du texte et/ou des images.
Quand cette colonne s'allonge, toutes les colonnes suivent.

visites : 497080
à 12:18:11 utc+ le 29/05/2025

Plan du site

W3C XHTML 1.0
W3C CSS