Gabarit XHTML/CSS d'une colonne extensible

Gabarit XHTML/CSS centré d'une colonne extensible avec entête et pied de page.
gabarit css flexible une colonne
Largeur : 80%.
Longueur : extensible.
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="conteneur">
 
<div id="header"></div>
 
<div id="contenu"></div>
 
<div id="footer"></div>
 
</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 : 80%; background : #002f2f; } #header, #footer { height : 150px; background : #a7a37e; } #conteneur { background : #e6e2af; } #contenu{ margin : 5px; padding : 5px; background : #eeeeee; border : 1px solid #002f2f; } #contenu a{ color : #a7a37e; text-decoration : none; }
Démo du gabarit XHTML/CSS
Voir/déposer un commentaire (0) | Signaler un problème