Gabarit XHTML/CSS centré et fixe de trois colonnes de même largeur avec entête et pied de page occupant toute la largeur du document.
Dimension fixe de 800px de hauteur.
Contenu centrale de 500px de hauteur sur 1000px de large.
Entête et pied de page fixé à 150px de hauteur et 100% de largeur.
CSS valide niveau 2.1.
Valide XHTML 1.0 Strict.
Testé sous Firefox 4, Internet Explorer 8 et Chrome.

Code XHTML :

<div id="header"></div>
 
<div id="conteneur">
 
<div class="texte"></div>
<div class="texte"></div>
<div class="texte"></div>
 
</div>
 
<div id="footer"></div>

Code CSS :

/* ============================================== 
Gabarit HTML/CSS 
© creer-un-site.fr 
Conditions d'utilisation: http://creativecommons.org/licenses/by/2.0/fr/ 
============================================== */
body {
margin : 0;
background : #002f2f;
}
#header, #footer {
width : 100%;
height : 150px;
background : #a7a37e;
}
#conteneur {
margin : 0 auto;
width : 1000px;
height : 500px;
background : #e6e2af;
padding : 5px;
}
.texte{
float : left;
width : 311px;
margin : 5px;
padding : 5px;
background : #eeeeee;
border : 1px solid #002f2f;
}
.texte a{
color : #a7a37e;
text-decoration : none;
}

Démo du gabarit XHTML/CSS

Catégorie CSS

Mise en forme des paragraphesPropriété marginPropriété paddingMise en forme des bordures en cssPropriété de mise en forme du texte en cssMise en forme de la police en css-Propriété fontMise en forme de l'arrière plan en css-Propriété backgroundMise en forme des listes en CSSPropriété display en CSSChanger l'aspect du curseur ou pointeur en CSSPropriété z-index en CSSCréer un site en utilisant le CSS et une feuille de styleCréer un cadre en CssCréer un menu en cssCreer un header en cssCréer un conteneur en cssCréer des effets sur les liens en cssCréer plusieurs effets de style sur les liens avec du cssFeuille de style externeExemple d'une page créée avec du CSSAligner du texte à côté d'une image en cssCréer une info bulle en cssCréer une info bulle en css 2Rollover en CSS avec une seule imageCréer des colonnes en CSS à partir d'une listeMise en forme CSS d'un formulaireAfficher un titre sur une image avec effet de transparenceLes Sprite CSSComment placer une image dans un élément de type « input » d'un formulaireComment superposer les champs d'un formulaireGabarit XHTML/CSS d'une colonne fixeGabarit XHTML/CSS deux colonne fixesGabarit XHTML/CSS trois colonne fixesGabarit XHTML/CSS d'une colonne fixe avec entête et pied de page occupant toute la largeurGabarit XHTML/CSS de deux colonnes fixes avec entête et pied de page occupant toute la largeurGabarit XHTML/CSS de trois colonnes fixes avec entête et pied de page occupant toute la largeurGabarit XHTML/CSS d'une colonne extensibleGabarit XHTML/CSS de deux colonnes extensibles avec menu à droiteGabarit XHTML/CSS de deux colonnes extensibles avec menu à gaucheGabarit XHTML/CSS de trois colonnes extensibles