Compatibilité IE 5 et 5.5
commentaires conditionnels


Quelques modifications sont nécessaires pour que le menu1 de gauche s'affiche mieux avec IE 5 et IE 5.5 :

Il nous faut toujours deux feuilles de style :
pagecss2nn4.css contenant les règles qui sont ignorées ou correctement interprétées par nn4.
pagecss2.css avec les nouvelles règles et ce qui pose problème.
Quelques commentaires conditionnels plutôt que des filtres ou "hacks" vont permettre la compatibilité.
On ajoute (mais en fait on modifie plutôt pagecss2nn4.css)

<link rel="stylesheet" href="pagecss2nn4.css" type="text/css" />
<style type="text/css">
<!--
/*<![CDATA[*/
   /*n'est pas interprété par nn4 ou ie4*/
@import "pagecss2.css";/*écrase les styles précédemment définis*/
/*modifications à apporter mais plutôt dans pagecss2nn4*/
#menugauche li{
margin-top:0;
border-top:1px solid #90BADE;
margin-bottom:-1px;
}
/*]]>*/
-->
</style>
pour toutes les versions avant MSIE 5.5
<!--[if lt IE 5.5]>
<style type="text/css">
#menugauche li{
border-bottom:0;
margin-bottom:-5px;
}
</style>
<![endif]-->
pour MSIE 5 et 5.5 largeur du menu
<!--[if lt IE 6]>
<style type="text/css">
#menugauche li a{
width:155px;
}
</style>
<![endif]-->

Il n'y aura donc pas de changement pour les autres navigateurs.

Un titre pour un tableau avec trois colonnes
Gauche
Centre
Droite
Le texte disparaît
s'il dépasse
les possibilités de l'écran
afin de conserver
l'alignement.

Un titre pour un tableau avec deux colonnes
Colonne de gauche large
colonne étroite
texte centré
caractères gras


Une colonne à gauche occupant la moitié de la partie contenu de la page avec une marge à droite et à gauche.
Une colonne à droite occupant la moitié de la partie contenu de la page avec une marge à droite et à gauche.

CSS uniquement, pas de tableau ni javascript.
Les utilisateurs de MSIE 5 ou 5.5 sont de moins en moins nombreux mais assez pour qu'un test de compatibilité s'impose.

1 CSS cutting edge propose d'autres solutions sans liste pour des menus horizontaux et verticaux.
1 Autres solutions pour des menus horizontaux et verticaux.