Fixed sidebar anchored between header and footer - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Footer

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Footer

Description

Fixed sidebar anchored between header and footer

Demo Code

ResultView the demo in separate window 

<html style="height: 100%;">
 <head></head> 
 <body style="height: 100%;"> 
  <div id="page" style="height: 100%;"> 
   <div id="sidebar" style="height: 100%; float: left;">
     Lorem ips <!--  w  w w  . ja v a 2s .c  o  m-->
   </div> 
   <div id="main" style="height: 100%; float: left;">
     Lorem ips 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials