css-template-layout est la transcription Javascript du module CSS Template Layout Module. Ce mécanisme prévu par CSS3 permet de faire une grille de mise en page indépendante de la position des éléments dans le flux, sous la forme de déclarations CSS.
Par exemple, une mise en page de type : 1 en-tête, 2 colonnes et 1 pied de page peut être représenté de la manière suivante :
body {
display : "aa"
"bc"
"dd";
}
#header { position : a; }
#footer { position : d; }
#content { position : b; }
#sidebar { position : c; }
Voir les différentes possibilités de mise en page sur CSS Template Layout demos.