Etape n°5 navigateurs récents
Avec les navigateurs récents, on peut utiliser une liste pour le "tableau". Le code HTML ainsi que CSS sera très réduit.
Pour les trois colonnes, on aura :
ul#trois_col{
margin:0;
padding:0;
list-style:none;
min-width:30em;
}
ul#trois_col li{
width:30%;
white-space:nowrap;
margin:-1px -1px 0 0;
padding:.2em .4em;
border:1px solid #FAAAFF;
overflow:hidden;
float:left;
}
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 IE5 et IE 5.5, passez à la page suivante ou examinez les autres feuilles utilisées (et aussi les "alternate stylesheets") pour ce site.