flottant marge css pied de page

Question

je suis en train de modifier un pied de page collante (http://www.cssstickyfooter.com/) pour montrer une marge ... il est facile pour droite et à gauche avec une largeur: 90% et la marge: auto

| | | | 
| | | | 
| | | | 
| | | | 

mais comment pour obtenir la hauteur à 90% (ou de montrer une sorte de haut & marge bas) sans chambouler le pied flottant

| ____ | 
| | | | 
| |____| | 
|  | 

grâce

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input, 
textarea,p,blockquote,th,td { 
    margin:0; 
    padding:0; 
} 
#header { 
    height: 33px; 
    line-height: 33px; 
    text-align: center; 
    background-color: green; 
} 
html { height: 100%; } 
body { height: 100%; width: 90%; margin: auto; } 
#wrap { min-height: 100%; background-color:gray; } 
#main { 
    overflow: auto; 
    padding-bottom: 33px; /* must be same height as the footer */ 
    background-color: red; 
    height: 100%; 
} 
#footer { 
    position: relative; 
    margin-top: -33px; /* negative value of footer height */ 
    height: 33px; 
    line-height: 33px; 
    text-align: center; 
    background-color:blue; 
} 
​ 

http://jsfiddle.net/56REF/

Answer 1

cela répondrait-il à vos besoins? http://jsfiddle.net/CZayc/