html - CSS 100% height with header and footer -


i having difficulties achieving css 100% website can right in every web browser. followed tutorial found here no luck in getting working. have example contains footer. footer not in place. also, trying have surrounding black frame cover footer. there doing wrong?

for better details please @ live example

css

<style> html,body {     padding: 0px;     margin: 0px;     background: #333333;     background-size: 100%;     line-height: 130%;     height: 100%     font-family: trebuchet, 'trebuchet ms', 'tahoma', sans-serif;        font-size: 90%;     color: #5e5e5e;  }  /****** colorblock: orangey-yellow bar behind wrapper background. ******/  #colorblock {     position: absolute;     top: 60px;     left: 0px;     background: #c69a55;     z-index: -1;     height: 65px;     width: 100%;     padding: 0px;     margin: 0px; }   /****** wrapper: light gray box background of content. not edit. ******/  #container {      z-index: 1;     width: 850px;     position: relative;     margin: 0 auto;     height:auto !important; /* real browsers */     height:100%; /* ie6: treaded min-height*/     min-height:100%; /* real browsers */      }  #contentarea{         padding:1em 1em 5em;        min-height:700px;        width: 850px;        position:relative;        background: #f2f2f2;        border-right: 15px solid #000000;        border-left: 15px solid #000000;         position: relative;  }      /****** top banner: banner greg's list logo , main navigation. includes styles main navigation links. ******/  #header {     width: 100%;     height: 180px; }    /****** footer: junk @ bottom of page. not remove clear div; it's makes stick bottom. ******/  #clear {     clear: both;     margin-bottom: 10px; }  #addspace{     padding-bottom:7px;  }   .bottomnav {     margin-right:auto;     margin-left:auto;     width:880px;     height: 200px;     background: #7a7a7a;   }  #footer{color:#fff; position:absolute; bottom:0; width:100%; padding-bottom:10px; padding-top:10px;}  </style> 

to set footer in place need reset width: 905px; in .bottomnav class


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -