Gabarit XHTML/CSS d'une colonne fixe

Gabarit XHTML/CSS centré et fixe, d'une seule colonne avec entête et pied de page.
gabarit css fixe une colonne
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>
 
<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{ 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