Modèles de mise en page en CSS
Le 25-02-2005 par Raphael dans Page d'accueil.
Des dizaines de gabarits en XHTML pour construire vos sites sans tableaux
Voici quelques modèles de mise en page en CSS. Pour vous en inspirer, il vous suffit de choisir l'un des gabarits et d'afficher le code source HTML et CSS (clic droit sur la souris) :
Modèles basés sur le positionnement absolu : Adaptés à la plupart des cas. Inadaptés pour des colonnes de hauteurs égales.
- 1- Largeur fixe centré (750px), header / contenu / footer
- 2- Largeur fluide (%), header / contenu / footer
- 3- Largeur fixe (750px), header / menu gauche / contenu / footer
- 4- Largeur fluide (%), header / menu gauche / contenu / footer
- 5- Largeur fixe (750px), header / menu gauche / menu droit / contenu / footer
- 6- Largeur fluide (%), header / menu gauche / menu droit / contenu / footer
- 7- Largeur fixe (750px), header / menu haut / contenu / footer
- 8- Largeur fluide (%), header / menu haut / contenu / footer
- 9- Largeur fixe (750px), header / menu haut / menu gauche / menu droite / contenu / footer
- 10- Largeur fluide (%), header / menu haut / menu gauche / menu droite / contenu / footer
- 11- Largeur fixe (750px), header / menu gauche / contenu scrollable / footer
- 12- Largeur fluide et hauteur fluide (%), header / menu gauche / contenu scrollable / footer
- 13- 2 zones (header / contenu) avec partie fixe en haut et zone scrollable de contenu
- 14- 2 zones (menu / contenu) avec partie fixe à gauche et zone scrollable de contenu
Modèles basés sur le positionnement flottant : Adapté à la plupart des cas. Adaptés également pour des colonnes de hauteurs égales.
- 15- Largeur fixe (750px) 5 zones centré avec menus flottants
- 16- Largeur fluide 5 zones avec menus flottants
