1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
|
html , body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
height:100%;
width:800px;
margin:0 auto;
}
#header {
position:fixed;
top: O;
height:200px;
width:800px;
background:#CCCCCC;
}
#content {
padding-top:200px; /* correspond à la hauteur du header */
padding-bottom:100px; /* correspond à la hauteur du footer */
width:800px;
background:#DDDDDD;
}
#footer {
position:fixed;
bottom:0;
background:#CCCCCC;
height:100px;
width:800px;
} |
Partager