Possible Duplicate:Any problems with DIVs inside a table cell? Ok so I've got a header and a footer with absolute positioning and heights of 144px. The content div in the middle area needs to be the full height of the area in between.Simplified:<style>  .sandwich{    position: absolute;    height: 144px;     width: 100%;     left: 0;  }  #header{ top:    0px; }  #footer{ bottom: 0px; }</style><div id=header class=sandwich></div><div id=content> Content </div><div id=footer class=sandwich></div>So basically I want a div that is 100% - 288px. At first I thought I could just make a 100% x 100% div with 144 padding on top and bottom and then stuff the content div in there at 100% but my thinking has gone stray somewhere.Here's an example I made using 20% height for 'bread layers'. (Which I can't do on this project) Used 60% height for the scrolling 'meaty layer' and put it at top: 20%;
Can you make total height for a 3-div-sandwhich equal 100% if top & bottom divs are in pixels?
html;css;website design;design;cross browser
Simply add the following CSS:html, body{  margin: 0;  padding: 0;  height: 100%;  overflow: hidden;}#content{  position: absolute;   top: 144px;   bottom: 144px;   left: 0px;  width: 100%;  overflow: auto; }And presto.