Gabarit XHTML/CSS centré et fixe, de 3 colonnes de même largeur avec entête et pied de page.
gabarit css fixe trois colonnes
Dimension fixe de 1000px de large sur 800px de hauteur.
Contenu centrale de 500px de hauteur.
Entête et pied de page fixé à 150px de hauteur.
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 auto;
width : 1000px;
background : #002f2f;
}
#header, #footer {
height : 150px;
background : #a7a37e;
}
#conteneur {
height : 500px;
background : #e6e2af;
padding : 5px;
}
.texte{
float : left;
width : 308px;
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

Commentaire sur : Gabarit XHTML/CSS trois colonne fixes
Signaler une erreurSignaler une erreur

Gabarit XHTML/CSS deux colonne fixesGabarit XHTML/CSS deux colonne fixesGabarits XHTML/CSSGabarits XHTML/CSS Gabarit XHTML/CSS d'une colonne fixe avec entête et pied de page occupant toute la largeurGabarit XHTML/CSS d'une colonne fixe avec entête et pied de page occupant toute la largeur