Cette fois, je vous propose un gabarit trois colonnes semi-fixe (largeur relative), centré dans la page et qui comme les précédents est :

• conforme XHTML 1.0 strict,
• ne pose aucun problème de superposition de contenu,
• et respecte l'ordre d'affichage par rapport à l'ordre du code.

Le code est également plus propre et sans aucun hack CSS, les couleurs de colonnes sont désormais affichées grâce à un javascript trouver sur le site de Projectseven et enfin, pour ce que j'en ai testé, l'affichage fonctionne sur IE5.0 et plus (même IE7), Firefox, Opéra, Konqueror, IE mac et safari.

Pour éviter les problèmes de superposition j'ai fait le choix que l'ensemble de la page soit zoomé lorsque l'utilisateur augmente la taille du texte par le biais de son navigateur. Cependant, cette solution pouvant paraître extrémiste, j'ai mis dans la page des liens laissant la possibilité à l'utilisateur de ne grossir que le texte (merci le style switcher en PHP d'Alsacreations).

Bon assez parlé, en espérant que cela vous sera utile. Voir le gabarit CSS accessible V2

EDIT

Comme il est vrai qu'il y a du php dedans et que les css sont en externes, je met aussi le tout à télécharger et je précise que la réutilisation est bien entendu libre. Télécharger les sources du gabarits