Etape n°5
navigateurs récents et IE 5.x
Nous avons donc utilisé une liste pour le "tableau".
Des commentaires conditionnels vont nous permettre d'améliorer le menu avec IE5 et IE 5.5.
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.
Voilà donc, ni tableau, ni javascript, mais quelques navigateurs seront déroutés.
Pour rendre la feuille compatible avec d'autres navigateurs, passez à la page suivante ou examinez les autres feuilles utilisées (et aussi les "alternate stylesheets") pour ce site.