Gabarit XHTML/CSS trois colonne fixes

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
Voir/déposer un commentaire (0) | Signaler un problème